@apolitical/component-library 3.2.0-beta.0 → 3.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accessibility/visually-hidden/visually-hidden.d.ts +1 -3
- package/banners/index.d.ts +0 -1
- package/{text/content-type-label/content-type-label.helpers.d.ts → cards/card/card.helpers.d.ts} +1 -1
- package/cards/cards.types.d.ts +1 -3
- package/cards/mocks/mocks.helpers.d.ts +0 -16
- package/constants/index.d.ts +0 -1
- package/general/index.d.ts +0 -2
- package/general/link/link.d.ts +0 -2
- package/helpers/cases.d.ts +0 -2
- package/helpers/intl.d.ts +1 -378
- package/index.d.ts +1 -3
- package/index.js +18 -18
- package/index.mjs +5520 -6071
- package/loaders/progress-bar/progress-bar.d.ts +1 -11
- package/modals/invite-modal/invite-modal.d.ts +2 -2
- package/navigation/load-more/load-more.d.ts +1 -2
- package/package.json +1 -1
- package/sections/full-width-section/full-width-section.d.ts +0 -2
- package/sections/logo-section/logo-section.d.ts +1 -11
- package/style.css +1 -1
- package/styles/base/_layout.scss +9 -3
- package/styles/base/_lists.scss +1 -29
- package/styles/base/_text.scss +1 -1
- package/styles/base/_titles.scss +0 -14
- package/styles/base/buttons/_button-wrapper.scss +0 -2
- package/styles/base/buttons/_icons.scss +0 -9
- package/styles/variables/colors/theme/_banners.scss +0 -8
- package/styles/variables/colors/theme/_base.scss +0 -2
- package/styles/variables/colors/theme/_general.scss +0 -2
- package/styles/variables/colors/theme/_index.scss +4 -5
- package/styles/variables/colors/theme/_layout.scss +0 -1
- package/styles/variables/colors/theme/_loaders.scss +0 -4
- package/styles/variables/colors/theme/_text.scss +0 -12
- package/styles/variables/sizes/_common.scss +3 -0
- package/text/collapsible-section/collapsible-section.d.ts +4 -4
- package/text/highlighted-text-box/highlighted-text-box.d.ts +2 -9
- package/text/index.d.ts +0 -2
- package/text/markdown-text/components/div/div.d.ts +1 -1
- package/text/markdown-text/markdown-text.d.ts +1 -5
- package/text/pill/pill.d.ts +1 -1
- package/banners/custom-content-banner/custom-content-banner.d.ts +0 -13
- package/banners/custom-content-banner/index.d.ts +0 -1
- package/constants/courses.d.ts +0 -5
- package/courses/course-progression/course-progression.d.ts +0 -7
- package/courses/course-progression/course-progression.types.d.ts +0 -28
- package/courses/course-progression/index.d.ts +0 -1
- package/courses/course-structure/course-structure.d.ts +0 -3
- package/courses/course-structure/course-structure.mock.d.ts +0 -122
- package/courses/course-structure/course-structure.types.d.ts +0 -55
- package/courses/course-structure/index.d.ts +0 -1
- package/courses/index.d.ts +0 -5
- package/courses/lesson-name/index.d.ts +0 -1
- package/courses/lesson-name/lesson-name.d.ts +0 -19
- package/courses/lesson-type/index.d.ts +0 -1
- package/courses/lesson-type/lesson-type.d.ts +0 -10
- package/courses/mark-complete-button/index.d.ts +0 -1
- package/courses/mark-complete-button/mark-complete-button.d.ts +0 -7
- package/general/table-of-contents/index.d.ts +0 -1
- package/general/table-of-contents/table-of-contents.d.ts +0 -16
- package/general/time-to-complete/index.d.ts +0 -1
- package/general/time-to-complete/time-to-complete.d.ts +0 -14
- package/styles/variables/colors/theme/_courses.scss +0 -22
- package/text/collapsible-section/accordian.d.ts +0 -15
- package/text/content-type-label/content-type-label.d.ts +0 -14
- package/text/content-type-label/content-type-label.types.d.ts +0 -1
- package/text/content-type-label/index.d.ts +0 -2
- package/text/icon-bulleted-list/icon-bulleted-list.d.ts +0 -31
- package/text/icon-bulleted-list/index.d.ts +0 -1
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { ButtonPropsType } from '../../general';
|
|
2
|
-
interface MarkCompleteButtonProps extends ButtonPropsType {
|
|
3
|
-
/** Whether the lesson is complete */
|
|
4
|
-
isComplete?: boolean;
|
|
5
|
-
}
|
|
6
|
-
declare const MarkCompleteButton: ({ isComplete, onClick, ...props }: MarkCompleteButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
export default MarkCompleteButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as TableOfContents } from './table-of-contents';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
interface TableOfContentsItem {
|
|
2
|
-
/** The id of the element to link to */
|
|
3
|
-
id: string;
|
|
4
|
-
/** The text to show in the link */
|
|
5
|
-
text: string;
|
|
6
|
-
}
|
|
7
|
-
interface Props {
|
|
8
|
-
/** The items to show. This will default to all h1-h6s inside the `selector`. */
|
|
9
|
-
items?: TableOfContentsItem[];
|
|
10
|
-
/** A parent selector for all h1-h6s, to use if no items have been passed in. */
|
|
11
|
-
selector?: string;
|
|
12
|
-
/** Additional classes */
|
|
13
|
-
className?: string;
|
|
14
|
-
}
|
|
15
|
-
declare const TableOfContents: ({ items: originalItems, selector, className, }: Props) => false | import("react/jsx-runtime").JSX.Element;
|
|
16
|
-
export default TableOfContents;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as TimeToComplete } from './time-to-complete';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
interface Props {
|
|
2
|
-
/** The time to display, in minutes */
|
|
3
|
-
time: number;
|
|
4
|
-
/** An optional number to add to `time`, showing a range rather than a specific number, like `1h 45m - 2h` */
|
|
5
|
-
rangeTime?: number;
|
|
6
|
-
/** Text to show before the time */
|
|
7
|
-
prependedText?: string;
|
|
8
|
-
/** Text to show after the time */
|
|
9
|
-
appendedText?: string;
|
|
10
|
-
/** Additional classes */
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const TimeToComplete: ({ time, rangeTime, prependedText, appendedText, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
-
export default TimeToComplete;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
@import './../colors';
|
|
2
|
-
@import './../../../functions';
|
|
3
|
-
|
|
4
|
-
$c: $default-colors;
|
|
5
|
-
$courses: (
|
|
6
|
-
course-structure_border: get-map($c, 'n100'),
|
|
7
|
-
course-structure_summary_small: get-map($c, 'b700'),
|
|
8
|
-
course-structure_link_bg: get-map($c, 'white'),
|
|
9
|
-
course-structure_link_hover_bg: get-map($c, 'b100'),
|
|
10
|
-
course-structure_icon: get-map($c, 'n700'),
|
|
11
|
-
course-structure_icon_bg: get-map($c, 'white'),
|
|
12
|
-
course-structure_overlay_icon: get-map($c, 'white'),
|
|
13
|
-
course-structure_locked_icon_bg: get-map($c, 'p500'),
|
|
14
|
-
course-structure_completed_icon_bg: get-map($c, 'g600'),
|
|
15
|
-
course-structure_content-type: get-map($c, 'n700'),
|
|
16
|
-
course-progressions: get-map($c, 'n600'),
|
|
17
|
-
course-progressions_percentage: get-map($c, 'b700'),
|
|
18
|
-
course-progressions_progress-bar: get-map($c, 'n100'),
|
|
19
|
-
course-progressions_progress-bar_bg: get-map($c, 'g300'),
|
|
20
|
-
lesson-type_large_time: get-map($c, 'n700'),
|
|
21
|
-
mark-complete-button_completed: get-map($c, 'g600'),
|
|
22
|
-
);
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export default Accordion;
|
|
2
|
-
declare class Accordion {
|
|
3
|
-
constructor(el: any);
|
|
4
|
-
el: any;
|
|
5
|
-
summary: any;
|
|
6
|
-
content: any;
|
|
7
|
-
animation: any;
|
|
8
|
-
isClosing: boolean;
|
|
9
|
-
isExpanding: boolean;
|
|
10
|
-
onClick(e: any): void;
|
|
11
|
-
shrink(): void;
|
|
12
|
-
open(): void;
|
|
13
|
-
expand(): void;
|
|
14
|
-
onAnimationFinish(open: any): void;
|
|
15
|
-
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { CardContentType } from '../../cards';
|
|
2
|
-
import { CustomIconType } from './content-type-label.types';
|
|
3
|
-
interface Props {
|
|
4
|
-
/** The Contentful content model type */
|
|
5
|
-
contentType: CardContentType;
|
|
6
|
-
/** The icon to use */
|
|
7
|
-
customIcon?: CustomIconType;
|
|
8
|
-
/** The label to use */
|
|
9
|
-
customLabel?: string;
|
|
10
|
-
/** Additional classes */
|
|
11
|
-
className?: string;
|
|
12
|
-
}
|
|
13
|
-
declare const ContentTypeLabel: ({ contentType, customIcon, customLabel, className, }: Props) => import("react/jsx-runtime").JSX.Element | null;
|
|
14
|
-
export default ContentTypeLabel;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export type CustomIconType = 'calendar' | 'cube' | 'document' | 'download' | 'globe' | 'graduationCap' | 'link' | 'person' | 'star' | 'speech';
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface Props {
|
|
3
|
-
element?: 'ul' | 'ol' | 'dl';
|
|
4
|
-
/** The layout of the list; `dls` cannot have a horizontal layout */
|
|
5
|
-
layout?: 'vertical' | 'horizontal';
|
|
6
|
-
/** The color variant of the list */
|
|
7
|
-
variant?: 'default' | 'light' | 'muted';
|
|
8
|
-
/** Text for list */
|
|
9
|
-
items: {
|
|
10
|
-
/** The file name of the icon */
|
|
11
|
-
icon: string;
|
|
12
|
-
/** The text to display in the `dt` (only used when the element is `dl`) */
|
|
13
|
-
dt?: string;
|
|
14
|
-
/** The text to display */
|
|
15
|
-
text: string | JSX.Element;
|
|
16
|
-
}[];
|
|
17
|
-
/** Additional styling */
|
|
18
|
-
styling?: {
|
|
19
|
-
/** If the list should have a border */
|
|
20
|
-
hasBorder?: boolean;
|
|
21
|
-
/** If the list should have alternating colours (zebra stripes) */
|
|
22
|
-
zebraStriping?: boolean;
|
|
23
|
-
};
|
|
24
|
-
/** Additional classes */
|
|
25
|
-
className?: string;
|
|
26
|
-
}
|
|
27
|
-
declare const IconBulletedList: ({ element, layout, variant, items, styling, className, }: Props) => React.DetailedReactHTMLElement<{
|
|
28
|
-
className: string;
|
|
29
|
-
children: import("react/jsx-runtime").JSX.Element[];
|
|
30
|
-
}, HTMLElement>;
|
|
31
|
-
export default IconBulletedList;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as IconBulletedList } from './icon-bulleted-list';
|