@apolitical/component-library 1.2.0 → 1.3.0-beta.2

package/styles/base/buttons/_icons.scss

@@ -21,4 +21,4 @@ $icons: ('arrow_left', (d, d, 3, 8), (d, d, 3, 8), (d, d, 4, 7)),
         ('speech-bubble_square_thick', (22, 22, 0, 10), (18, 18, 1, d), (d, d, 3, 10)),
         ('star', (16, 16, 0, 0), (d, d, 0, 0), (16, 16, 0, 0)),
         ('star_empty', (16, 16, 0, 0), (d, d, 0, 0), (16, 16, 0, 0)),
-        ('tick', (14, 11, 8, 10), (12, 9, 7, 8), (9, 7, 6, 6));
+        ('tick', (14, 11, 8, 10), (14, 11, 5, 8), (9, 7, 6, 6));

package/styles/variables/colors/_theme.scss

@@ -235,6 +235,12 @@ $theme: (
   pill_bg: map.get($c, 'y300'),
 
   // User
+  contributor: map.get($c, 'n700'),
+  contributor_bg: map.get($c, 'white'),
+  contributor_border: map.get($c, 'white'),
+  contributor_inner-border: map.get($c, 'n200'),
+  contributor_label: map.get($c, 'n600'),
+
   member_highlighted_name: map.get($c, 'p500'),
   member_additional-content: map.get($c, 'n700'),
   member_small: map.get($c, 'n700')

package/text/empty-state-box/empty-state-box.d.ts

@@ -1,19 +1,17 @@
-import { ButtonVariantType } from '../../general';
+import { ButtonPropsType } from '../../general';
+interface ButtonType extends ButtonPropsType {
+    text: string;
+    breakpoints?: {
+        [key: string]: boolean;
+    };
+}
 interface Props {
     /** Box styling */
     variant?: 'empty' | 'error';
     /** Optional text */
     text?: false | string;
     /** Optional button. The button can also show depending on the viewport size */
-    button?: false | {
-        url: string;
-        text: string;
-        variant?: ButtonVariantType;
-        gtmContext: string;
-        breakpoints?: {
-            [key: string]: boolean;
-        };
-    };
+    button?: false | ButtonType;
     /** Additional classes */
     className?: string;
 }

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

@@ -5,7 +5,7 @@ interface Props {
     /** Additional classes to add to the box */
     className?: string;
     /** The content to display */
-    children: React.ReactNode;
+    children: React.ReactNode | JSX.Element;
     /** Additional props to pass to the box */
     style?: React.CSSProperties;
 }

package/user/contributors/contributors.d.ts

@@ -0,0 +1,26 @@
+import { MemberProps } from './../member';
+interface Props {
+    /** The element that will render around the content */
+    element?: 'div' | 'section' | 'aside' | 'li';
+    /** Information about the contributors */
+    contributors: Array<MemberProps>;
+    /** Information on the style of the component */
+    styling?: {
+        /** The size of the images */
+        size?: 'small' | 'medium';
+        /** Whether to show a gap between the images */
+        showGap?: boolean;
+        /** The text to show, defaulting to the contributor's name when there's only one */
+        showText?: boolean | string;
+        /** Whether to show placeholders */
+        showPlaceholders?: boolean;
+    };
+    /** The number of contributors to show before we switch to showing a number */
+    cutoff?: number;
+    /** Additional classes */
+    className?: string;
+    /** The language to use */
+    locale?: string;
+}
+declare const ContributorsWrapper: ({ locale, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ContributorsWrapper;

package/user/contributors/index.d.ts

@@ -0,0 +1 @@
+export { default as Contributors } from './contributors';

package/user/index.d.ts

@@ -1,2 +1,3 @@
+export * from './contributors';
 export * from './member';
 export * from './profile-picture';

package/user/member/index.d.ts

@@ -1 +1,3 @@
+export type { MemberProps } from './member';
 export { default as Member } from './member';
+export { getMember } from './member.helpers';