@ilo-org/react 0.24.4 → 0.24.6

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/Tabs/Tabs.props.d.ts

@@ -19,6 +19,10 @@ export interface TabsProps {
      * Specify the default active tab
      */
     defaultActiveTab?: number;
+    /**
+     * Allows you to override the default tab behaviour and set the active tab programatically
+     */
+    activeTab?: number;
 }
 export interface TabItem {
     icon?: IconProps;

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

@@ -27,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.4",
+  "version": "0.24.6",
   "description": "React components for the ILO's Design System",
   "keywords": [
     "ui_patterns",
@@ -72,12 +72,12 @@
     "use-breakpoint": "^4.0.6",
     "video.js": "^7.21.2",
     "videojs-youtube": "^3.0.1",
+    "@ilo-org/brand-assets": "1.0.1",
+    "@ilo-org/icons-react": "1.0.3",
     "@ilo-org/fonts": "1.0.0",
-    "@ilo-org/styles": "1.8.4",
-    "@ilo-org/themes": "0.9.1",
-    "@ilo-org/brand-assets": "1.0.0",
+    "@ilo-org/styles": "1.8.5",
     "@ilo-org/utils": "0.1.1",
-    "@ilo-org/icons-react": "1.0.3"
+    "@ilo-org/themes": "0.9.1"
   },
   "devDependencies": {
     "@storybook/addon-actions": "^8.1.9",

package/lib/cjs/_store/Tabs-chunk-n0swxLit.js

@@ -1 +0,0 @@
-"use strict";const t=require("react/jsx-runtime"),h=require("react"),m=require("./useGlobalSettings-chunk-DEacV16j.js"),j=require("./index-chunk-D921N0ug.js"),p=require("./Icon-chunk-QFryHTpy.js"),v=({items:n,className:c,theme:i="light",defaultActiveTab:o=0})=>{const[l,r]=h.useState(o),b=(s,e)=>{r(s),e.preventDefault()},{prefix:$}=m.useGlobalSettings(),a=`${$}--tabs`,u=j.classnames(a,c,`${a}__theme__${i}`);return t.jsxs("div",{className:u,children:[t.jsx("ul",{className:`${a}--selection`,role:"tablist",tabIndex:0,children:n.map((s,e)=>t.jsx("li",{role:"presentation",className:`${a}--selection--item ${l===e?"active":""}`,onClick:d=>b(e,d),id:`tab--${e}`,children:t.jsxs("a",{href:`#tab--${e}`,className:`${a}--selection--button${s.icon?" icon":""}`,role:"tab","aria-controls":`tab--${e}`,"aria-selected":e===l,title:s.label,tabIndex:e===l?0:-1,children:[t.jsx("span",{className:`${a}--selection--label`,children:s.label}),s.icon&&t.jsx(p.Icon,{name:s.icon.name,hidden:s.icon.hidden})]})},`#tab--${e}`))}),t.jsx("div",{className:`${a}--content`,role:"tabpanel","aria-labelledby":`tab--${l}`,tabIndex:0,children:n[l].content})]})},x=v;exports.Tabs=x;

package/lib/esm/_store/Tabs-chunk-CMh7UcxO.js

@@ -1,60 +0,0 @@
-import { jsxs as o, jsx as l } from "react/jsx-runtime";
-import { useState as p } from "react";
-import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
-import { c as u } from "./index-chunk-CY3PQDr4.js";
-import { I as v } from "./Icon-chunk-DIxw5wWq.js";
-const N = ({
-  items: c,
-  className: n,
-  theme: i = "light",
-  defaultActiveTab: r = 0
-}) => {
-  const [t, b] = p(r), m = (a, e) => {
-    b(a), e.preventDefault();
-  }, { prefix: $ } = f(), s = `${$}--tabs`, d = u(
-    s,
-    n,
-    `${s}__theme__${i}`
-  );
-  return /* @__PURE__ */ o("div", { className: d, children: [
-    /* @__PURE__ */ l("ul", { className: `${s}--selection`, role: "tablist", tabIndex: 0, children: c.map((a, e) => /* @__PURE__ */ l(
-      "li",
-      {
-        role: "presentation",
-        className: `${s}--selection--item ${t === e ? "active" : ""}`,
-        onClick: (h) => m(e, h),
-        id: `tab--${e}`,
-        children: /* @__PURE__ */ o(
-          "a",
-          {
-            href: `#tab--${e}`,
-            className: `${s}--selection--button${a.icon ? " icon" : ""}`,
-            role: "tab",
-            "aria-controls": `tab--${e}`,
-            "aria-selected": e === t,
-            title: a.label,
-            tabIndex: e === t ? 0 : -1,
-            children: [
-              /* @__PURE__ */ l("span", { className: `${s}--selection--label`, children: a.label }),
-              a.icon && /* @__PURE__ */ l(v, { name: a.icon.name, hidden: a.icon.hidden })
-            ]
-          }
-        )
-      },
-      `#tab--${e}`
-    )) }),
-    /* @__PURE__ */ l(
-      "div",
-      {
-        className: `${s}--content`,
-        role: "tabpanel",
-        "aria-labelledby": `tab--${t}`,
-        tabIndex: 0,
-        children: c[t].content
-      }
-    )
-  ] });
-}, j = N;
-export {
-  j as T
-};

package/lib/esm/_store/Tabs-entry-Bh8o3rp8.js

@@ -1,4 +0,0 @@
-import { T as r } from "./Tabs-chunk-CMh7UcxO.js";
-export {
-  r as Tabs
-};