@ilo-org/react 0.24.3 → 0.24.5

package/lib/types/components/Cards/CardGroup.d.ts

@@ -7,6 +7,7 @@ import { FeatureCardProps } from './FeatureCard';
 import { DetailCardProps } from './DetailCard';
 import { FactListCardProps } from './FactListCard';
 import { DataCardProps } from './DataCard';
+import { ScoreCardProps } from './ScoreCard';
 import { LinkProps } from '../Link';
 
 type CardPropsMap = {
@@ -18,6 +19,7 @@ type CardPropsMap = {
     detail: DetailCardProps;
     factlist: FactListCardProps;
     data: DataCardProps;
+    score: ScoreCardProps;
 };
 type CardGroupComponentProps<T extends CardTypes> = CardPropsMap[T];
 export type CardGroupProps<T extends CardTypes> = {

package/lib/types/components/Loading/Loading.props.d.ts

@@ -1,20 +1,22 @@
-import { LoadingStatus, LoadingSize } from '../../types';
+import { ThemeTypes } from '../../types';
 
+export type LoadingStatus = "loading" | "loaded" | "idle";
+export type LoadingSize = "small" | "large";
 export interface LoadingProps {
     /**
      * Specify an optional className to be added to your empty component.
      */
     className?: string;
-    /**
-     * Specify the loading message
-     */
-    message?: string;
     /**
      * Specify the loader's size
      */
-    size?: Required<LoadingSize>;
+    size: LoadingSize;
     /**
      * Specify the loading status
      */
-    status?: Required<LoadingStatus>;
+    status: LoadingStatus;
+    /**
+     * Specify the theme of the loading component
+     */
+    theme?: ThemeTypes;
 }

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

@@ -17,8 +17,6 @@ export type TooltipThemes = "light" | "dark";
 export type TooltipIconThemes = "light" | "dark";
 export type TooltipAlignment = "top" | "right" | "bottom" | "left";
 export type TooltipPlacement = "negative" | "center" | "positive";
-export type LoadingStatus = "idle" | "loading" | "loaded";
-export type LoadingSize = "small" | "large";
 export type NotificationPlacement = "dialog" | "inline";
 export type NotificationTypes = "error" | "info" | "success" | "warning";
 export type PositionTypes = "top" | "bottom" | "left" | "right";
@@ -29,7 +27,7 @@ export type CardColor = "turquoise" | "green" | "yellow" | "blue";
 export type CardSize = "wide" | "standard" | "narrow" | "fluid";
 export type CardCornerType = boolean;
 export type CardAlignment = "left" | "right";
-export type CardTypes = "stat" | "multilink" | "text" | "promo" | "feature" | "detail" | "factlist" | "data";
+export type CardTypes = "stat" | "multilink" | "text" | "promo" | "feature" | "detail" | "factlist" | "score" | "data";
 export type HeadingTypes = "p" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface EventDate {
     unix?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.24.3",
+  "version": "0.24.5",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -72,10 +72,10 @@
     "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
-    "@ilo-org/brand-assets": "1.0.0",
-    "@ilo-org/icons-react": "1.0.3",
+    "@ilo-org/brand-assets": "1.0.1",
     "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/styles": "1.8.3",
+    "@ilo-org/icons-react": "1.0.3",
+    "@ilo-org/styles": "1.8.5",
     "@ilo-org/themes": "0.9.1",
     "@ilo-org/utils": "0.1.1"
   },

package/lib/cjs/_store/Loading-chunk-BceLroFu.js

@@ -1 +0,0 @@
-"use strict";const l=require("react/jsx-runtime"),c=require("./index-chunk-D921N0ug.js"),t=require("./useGlobalSettings-chunk-DEacV16j.js"),d=({className:o,message:n,size:i,status:e})=>{const{prefix:r}=t.useGlobalSettings(),s=`${r}--loading`,a=c.classnames(o,{[s]:!0,[`${s}--${i}`]:i,[`${s}--${e}`]:e});return l.jsx("div",{className:a,role:"alert","aria-live":"assertive",children:e&&n&&e!=="idle"&&l.jsx("p",{className:`${s}--copy`,children:n})})},$=d;exports.Loading=$;

package/lib/esm/_store/Loading-chunk-BycGy-99.js

@@ -1,14 +0,0 @@
-import { jsx as e } from "react/jsx-runtime";
-import { c } from "./index-chunk-CY3PQDr4.js";
-import { u as t } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const d = ({ className: i, message: r, size: s, status: o }) => {
-  const { prefix: l } = t(), a = `${l}--loading`, n = c(i, {
-    [a]: !0,
-    [`${a}--${s}`]: s,
-    [`${a}--${o}`]: o
-  });
-  return /* @__PURE__ */ e("div", { className: n, role: "alert", "aria-live": "assertive", children: o && r && o !== "idle" && /* @__PURE__ */ e("p", { className: `${a}--copy`, children: r }) });
-}, f = d;
-export {
-  f as L
-};

package/lib/esm/_store/Loading-entry--kAG7CJh.js

@@ -1,4 +0,0 @@
-import { L as r } from "./Loading-chunk-BycGy-99.js";
-export {
-  r as Loading
-};