@ilo-org/react 0.24.2 → 0.24.4

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/components/Status/Status.d.ts

@@ -6,7 +6,7 @@ export type StatusProps = {
     /**
      * The content inside the status component.
      */
-    content: string;
+    content: string | React.ReactNode;
     /**
      * The ID of the status element.
      */

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

@@ -39,6 +39,7 @@ export * from './Footer';
 export { Navigation } from './Navigation';
 export { CardGroup } from './Cards/CardGroup';
 export { Breadcrumb } from './Breadcrumb';
+export { Status } from './Status';
 export { Tabs } from './Tabs';
 export * from './Cards';
 export * from './LanguageToggle';

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";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilo-org/react",
-  "version": "0.24.2",
+  "version": "0.24.4",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -73,11 +73,11 @@
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
     "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/icons-react": "1.0.3",
-    "@ilo-org/brand-assets": "1.0.0",
-    "@ilo-org/styles": "1.8.2",
+    "@ilo-org/styles": "1.8.4",
     "@ilo-org/themes": "0.9.1",
-    "@ilo-org/utils": "0.1.1"
+    "@ilo-org/brand-assets": "1.0.0",
+    "@ilo-org/utils": "0.1.1",
+    "@ilo-org/icons-react": "1.0.3"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",

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/cjs/_store/Status-chunk-3GZXo15N.js

@@ -1 +0,0 @@
-"use strict";const c=require("react/jsx-runtime"),i=require("react"),o=require("./index-chunk-D921N0ug.js"),l=require("./useGlobalSettings-chunk-DEacV16j.js"),d=i.forwardRef(({statusType:s="active",content:e,elementId:r,className:a},n)=>{const{prefix:t}=l.useGlobalSettings(),u=o.classnames(a,{[`${t}--status`]:!0,[`${t}--status__type__${s}`]:s});return c.jsx("span",{className:u,id:r,ref:n,children:e})});exports.Status=d;

package/lib/cjs/_store/components-entry-BV3j4LPg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./Accordion-entry-Du65VJ-p.js"),t=require("./Form-chunk-Bhz_CsMf.js"),i=require("./Collapse-chunk-CKRYA3G0.js"),a=require("./Empty-chunk-D15nltyD.js"),n=require("./Image-chunk-DrH5JX6G.js"),c=require("./Loading-chunk-BceLroFu.js"),u=require("./Radio-chunk-DoLctty-.js"),d=require("./Tag-chunk-C_r4zGEh.js"),s=require("./Button-chunk-BPxitLjn.js"),l=require("./ContextMenu-chunk-LNOPuIui.js"),q=require("./Fieldset-chunk-Dykzn_3y.js"),C=require("./GlobalProvider-chunk-Bt1vmswv.js"),b=require("./GlobalCtx-chunk-D_GlGcgw.js"),r=require("./TextInput.args-chunk-Bs7YIRuJ.js"),g=require("./Notification-chunk-BDC2i-2V.js"),L=require("./ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./Textarea-chunk-XYsrIeDn.js"),x=require("./Callout-chunk-Cmnm5uzu.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-CC1oePLc.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-BcVWiDXw.js"),k=require("./NumberPicker-chunk-kaW8wv3h.js"),S=require("./RichText-chunk-CLfo33Pr.js"),v=require("./Tooltip-chunk-CQu5vz01.js"),I=require("./Checkbox-chunk-CDFIXTn9.js"),N=require("./DatePicker-chunk-DouvjE3X.js"),f=require("./Hero-chunk-BgeQPg_6.js"),D=require("./HeroCard-chunk-Dx88UJpE.js"),h=require("./LinkList-chunk-AT26ZVEG.js"),H=require("./Pagination-chunk-D3Ve2ASf.js"),M=require("./SearchField-chunk-BuB-C9aK.js"),R=require("./Video-chunk-UuPc6ufz.js"),G=require("./Dropdown-chunk-BjeJjYZD.js"),B=require("./Icon-chunk-QFryHTpy.js"),y=require("./List-entry-DRGsrQZi.js"),O=require("./Profile-chunk-Du8HEAQA.js"),w=require("./TableOfContents-chunk-ZubRLGF3.js"),A=require("./Footer-chunk-CGR-tiim.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-B9OFfe4F.js"),U=require("./Breadcrumb-chunk-BFveDqpn.js"),V=require("./Tabs-chunk-n0swxLit.js"),_=require("./LanguageToggle-chunk-DdIPnYuL.js"),$=require("./SubsiteNav-chunk-CVWgp2ti.js");exports.Accordion=o.Accordion;exports.Form=t.Form;exports.Collapse=i.Collapse;exports.Empty=a.Empty;exports.Image=n.Image;exports.Loading=c.Loading;exports.Radio=u.LabelledRadio;exports.Tag=d.Tag;exports.Button=s.Button;exports.ContextMenu=l.ContextMenu;exports.Fieldset=q.Fieldset;exports.GlobalProvider=C.GlobalProvider;exports.GlobalProviderContext=b.GlobalProviderContext;exports.TextInput=r.LabelledTextInput;exports.TextInputArgs=r.TextInput_args;exports.Notification=g.Notification;exports.ReadMore=L.ReadMore;exports.Textarea=T.LabelledTextarea;exports.Callout=x.Callout;exports.Credit=p.Credit;exports.FileUpload=P.LabelledFileUpload;exports.Heading=F.Heading;exports.Link=m.Link;exports.NumberPicker=k.LabelledNumberPicker;exports.RichText=S.RichText;exports.Tooltip=v.Tooltip;exports.Checkbox=I.LabelledCheckbox;exports.DatePicker=N.LabelledDatePicker;exports.Hero=f.Hero;exports.HeroCard=D.HeroCard;exports.LinkList=h.LinkList;exports.Pagination=H.Pagination;exports.SearchField=M.SearchField;exports.Video=R.Video;exports.Dropdown=G.LabelledDropdown;exports.Icon=B.Icon;exports.List=y.List;exports.Profile=O.Profile;exports.TableOfContents=w.TableOfContents;exports.Footer=A.Footer;exports.Navigation=E.Navigation;exports.CardGroup=e.CardGroup;exports.DataCard=e.DataCard;exports.DetailCard=e.DetailCard;exports.FactListCard=e.FactListCard;exports.FeatureCard=e.FeatureCard;exports.MultiLinkCard=e.MultiLinkCard;exports.PromoCard=e.PromoCard;exports.ScoreCard=e.ScoreCard;exports.StatCard=e.StatCard;exports.TextCard=e.TextCard;exports.Breadcrumb=U.Breadcrumb;exports.Tabs=V.Tabs;exports.LanguageToggle=_.LanguageToggle;exports.SubsiteNav=$.SubsiteNav;

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
-};

package/lib/esm/_store/Status-chunk-wCQ8Gv7z.js

@@ -1,16 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as n } from "./index-chunk-CY3PQDr4.js";
-import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-const d = c(
-  ({ statusType: s = "active", content: r, elementId: a, className: o }, e) => {
-    const { prefix: t } = f(), m = n(o, {
-      [`${t}--status`]: !0,
-      [`${t}--status__type__${s}`]: s
-    });
-    return /* @__PURE__ */ i("span", { className: m, id: a, ref: e, children: r });
-  }
-);
-export {
-  d as S
-};

package/lib/esm/_store/Status-entry-TIH9B5c-.js

@@ -1,4 +0,0 @@
-import { S as o } from "./Status-chunk-wCQ8Gv7z.js";
-export {
-  o as Status
-};