@ilo-org/react 0.16.4 → 0.17.1

package/lib/types/react/src/components/Breadcrumb/Breadcrumb.props.d.ts

@@ -1,11 +1,32 @@
-import { LinkProps } from "../LinkList/LinkList.props";
+export interface BreadcrumbItemProps {
+    /**
+     * Optional additional className of the BreadcrumbLink
+     */
+    className?: string;
+    /**
+     * Specify the label for this link
+     */
+    label: string;
+    /**
+     * Should the label appear as readable text on the screen or an aria-label
+     */
+    labelShown?: boolean;
+    /**
+     * Specify the url for this link
+     */
+    url: string;
+}
 export interface BreadcrumbProps {
     /**
-     * Specify the HOME link in the Breadcrumb
+     * An additional classname to add to the outer most element of the component
+     */
+    className?: string;
+    /**
+     * The accessible label to apply to the ellipsis button that appears when the Breadcrumb is collapsed
      */
-    home: Required<LinkProps>;
+    buttonLabel: string;
     /**
      * Specify the links to be displayed in the Breadcrumb
      */
-    links: Required<Array<LinkProps>>;
+    links: BreadcrumbItemProps[];
 }

package/lib/types/react/src/components/ContextMenu/ContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { FC } from "react";
+import React from "react";
 import { ContextMenuProps } from "./ContextMenu.props";
-declare const ContextMenu: FC<ContextMenuProps>;
+declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLOListElement>>;
 export default ContextMenu;

package/lib/types/react/src/components/SocialMedia/SocialMedia.props.d.ts

@@ -34,4 +34,8 @@ export interface SocialMediaProps {
      * Specify the icons to display.
      */
     icons: SocialMediaIcons[];
+    /**
+     * The size of the social media icons
+     */
+    iconSize: "normal" | "large";
 }

package/lib/types/react/src/types/index.d.ts

@@ -23,7 +23,7 @@ export type NotificationTypes = "error" | "info" | "success" | "warning";
 export type PositionTypes = "top" | "bottom" | "left" | "right";
 export type SizeTypes = "small" | "medium" | "large";
 export type TagTypes = "anchor" | "display" | "button";
-export type SocialTypes = "facebook" | "twitter" | "instagram" | "linkedin" | "youtube" | "tiktok" | "flickr";
+export type SocialTypes = "facebook" | "x" | "instagram" | "linkedin" | "youtube" | "tiktok" | "flickr";
 export type CardColor = "turquoise" | "green" | "yellow" | "blue";
 export type CardSize = "wide" | "standard" | "narrow" | "fluid";
 export type CardCornerType = boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.16.4",
+  "version": "0.17.1",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -99,10 +99,10 @@
     "react-transition-group": "^4.4.1",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/brand-assets": "0.5.1",
+    "@ilo-org/brand-assets": "0.5.2",
     "@ilo-org/fonts": "0.2.2",
-    "@ilo-org/icons-react": "0.1.1",
-    "@ilo-org/styles": "1.0.5",
+    "@ilo-org/icons-react": "0.1.2",
+    "@ilo-org/styles": "1.0.6",
     "@ilo-org/themes": "0.9.0",
     "@ilo-org/utils": "0.1.1"
   },