@ilo-org/react 0.24.1 → 0.24.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/_store/{Button-chunk-B65FgSLG.js → Button-chunk-BPxitLjn.js} +1 -1
- package/lib/cjs/_store/{Button-entry-Ddk5OCD-.js → Button-entry-C7Z6wido.js} +1 -1
- package/lib/cjs/_store/{Callout-chunk-CS-b8vev.js → Callout-chunk-Cmnm5uzu.js} +1 -1
- package/lib/cjs/_store/{Callout-entry-Ddp2XRRc.js → Callout-entry-CE3NvW4J.js} +1 -1
- package/lib/cjs/_store/{Cards-entry-DP-Xck6d.js → Cards-entry-CsnvxElJ.js} +1 -1
- package/lib/cjs/_store/{Footer-chunk-BUjFj4bf.js → Footer-chunk-CGR-tiim.js} +1 -1
- package/lib/cjs/_store/{Footer-entry-D55F4ET9.js → Footer-entry-BTlHhSKi.js} +1 -1
- package/lib/cjs/_store/Link-chunk-BcVWiDXw.js +1 -0
- package/lib/cjs/_store/{Link-entry-Ds4pg91u.js → Link-entry-70094UjI.js} +1 -1
- package/lib/cjs/_store/{Notification-chunk-DkfLXJhu.js → Notification-chunk-BDC2i-2V.js} +1 -1
- package/lib/cjs/_store/{Notification-entry-D9KwV5qV.js → Notification-entry-BQ1Dbfgd.js} +1 -1
- package/lib/cjs/_store/{ScoreCard-chunk-CYb8wTsk.js → ScoreCard-chunk-CrUY_fv3.js} +1 -1
- package/lib/cjs/_store/Status-chunk-DJ3wnXYt.js +1 -0
- package/lib/cjs/_store/{Status-entry-CDU314zd.js → Status-entry-CWq-F6VM.js} +1 -1
- package/lib/cjs/_store/components-entry-ipNN1mUG.js +1 -0
- package/lib/cjs/index.js +1 -1
- package/lib/esm/_store/{Button-chunk-DG7cL6tj.js → Button-chunk-3RMfjmYT.js} +1 -1
- package/lib/esm/_store/Button-entry-BMva-FAn.js +4 -0
- package/lib/esm/_store/{Callout-chunk-D3zivwvj.js → Callout-chunk-Com68klk.js} +1 -1
- package/lib/esm/_store/Callout-entry-Cy0_T9cE.js +4 -0
- package/lib/esm/_store/{Cards-entry-C6lcDtCN.js → Cards-entry-C2-z4ntb.js} +1 -1
- package/lib/esm/_store/{Footer-chunk-BI6r73Bm.js → Footer-chunk-DcFDdukr.js} +1 -1
- package/lib/esm/_store/Footer-entry-DR2tq2kQ.js +4 -0
- package/lib/esm/_store/Link-chunk-5QxYwhDk.js +34 -0
- package/lib/esm/_store/Link-entry-B7IbEhwb.js +4 -0
- package/lib/esm/_store/{Notification-chunk-CQvSf6dK.js → Notification-chunk-BHNEwEo8.js} +1 -1
- package/lib/esm/_store/Notification-entry-cjXsm4yI.js +4 -0
- package/lib/esm/_store/{ScoreCard-chunk-DPDwOSdN.js → ScoreCard-chunk-DCJ-Xysl.js} +3 -3
- package/lib/esm/_store/Status-chunk-E-pHCJfe.js +17 -0
- package/lib/esm/_store/Status-entry-Cz_P6nys.js +4 -0
- package/lib/esm/_store/{components-entry-CWXSZN_z.js → components-entry-rgYwKG2g.js} +14 -12
- package/lib/esm/index.js +24 -22
- package/lib/styles/components/link.css +1 -1
- package/lib/styles/components/richtext.css +1 -1
- package/lib/styles/components/scorecard.css +1 -1
- package/lib/styles/components/table.css +1 -1
- package/lib/styles/global.css +1 -1
- package/lib/styles/global.css.map +1 -1
- package/lib/styles/index.css +2 -2
- package/lib/styles/index.css.map +1 -1
- package/lib/styles/monorepo.css +2 -2
- package/lib/styles/monorepo.css.map +1 -1
- package/lib/types/components/Link/Link.d.ts +3 -3
- package/lib/types/components/Status/Status.d.ts +1 -1
- package/lib/types/components/index.d.ts +1 -0
- package/lib/types/types/index.d.ts +0 -1
- package/package.json +4 -4
- package/lib/cjs/_store/Link-chunk-DuZiglb_.js +0 -1
- package/lib/cjs/_store/Status-chunk-3GZXo15N.js +0 -1
- package/lib/cjs/_store/components-entry-3bYkJbl2.js +0 -1
- package/lib/esm/_store/Button-entry-BYzboMV8.js +0 -4
- package/lib/esm/_store/Callout-entry-B0N_qxJ-.js +0 -4
- package/lib/esm/_store/Footer-entry-Db7ByESM.js +0 -4
- package/lib/esm/_store/Link-chunk-DNHgQ3lF.js +0 -33
- package/lib/esm/_store/Link-entry-sY9wid1q.js +0 -4
- package/lib/esm/_store/Notification-entry-D9sUbaSJ.js +0 -4
- package/lib/esm/_store/Status-chunk-wCQ8Gv7z.js +0 -16
- package/lib/esm/_store/Status-entry-TIH9B5c-.js +0 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { AnchorHTMLAttributes, ReactNode } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { ThemeTypes } from '../../types';
|
|
3
3
|
|
|
4
4
|
export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
5
5
|
/**
|
|
@@ -21,7 +21,7 @@ export type LinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
|
|
|
21
21
|
/**
|
|
22
22
|
* Specify an optional className to be added to your Link.
|
|
23
23
|
*/
|
|
24
|
-
theme?:
|
|
24
|
+
theme?: ThemeTypes;
|
|
25
25
|
/**
|
|
26
26
|
* Specify an optional className to be added to your Link.
|
|
27
27
|
*/
|
|
@@ -47,7 +47,7 @@ declare const Link: import('react').ForwardRefExoticComponent<AnchorHTMLAttribut
|
|
|
47
47
|
/**
|
|
48
48
|
* Specify an optional className to be added to your Link.
|
|
49
49
|
*/
|
|
50
|
-
theme?:
|
|
50
|
+
theme?: ThemeTypes | undefined;
|
|
51
51
|
/**
|
|
52
52
|
* Specify an optional className to be added to your Link.
|
|
53
53
|
*/
|
|
@@ -39,6 +39,7 @@ export * from './Footer';
|
|
|
39
39
|
export { Navigation } from './Navigation';
|
|
40
40
|
export { CardGroup } from './Cards/CardGroup';
|
|
41
41
|
export { Breadcrumb } from './Breadcrumb';
|
|
42
|
+
export { Status } from './Status';
|
|
42
43
|
export { Tabs } from './Tabs';
|
|
43
44
|
export * from './Cards';
|
|
44
45
|
export * from './LanguageToggle';
|
|
@@ -12,7 +12,6 @@ export type HeadingLevel = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
|
12
12
|
export type TextInputTypes = "email" | "hidden" | "password" | "search" | "tel" | "text" | "url";
|
|
13
13
|
export type Language = "en" | "fr" | "es";
|
|
14
14
|
export type LabelTypes = "default" | "actionable" | "light";
|
|
15
|
-
export type LinkTypes = "light" | "dark" | "footer" | "button";
|
|
16
15
|
export type LinkListThemes = "light" | "dark";
|
|
17
16
|
export type TooltipThemes = "light" | "dark";
|
|
18
17
|
export type TooltipIconThemes = "light" | "dark";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ilo-org/react",
|
|
3
|
-
"version": "0.24.
|
|
3
|
+
"version": "0.24.3",
|
|
4
4
|
"description": "React components for the ILO's Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"ui_patterns",
|
|
@@ -73,9 +73,9 @@
|
|
|
73
73
|
"video.js": "^7.21.2",
|
|
74
74
|
"videojs-youtube": "^3.0.1",
|
|
75
75
|
"@ilo-org/brand-assets": "1.0.0",
|
|
76
|
-
"@ilo-org/fonts": "1.0.0",
|
|
77
76
|
"@ilo-org/icons-react": "1.0.3",
|
|
78
|
-
"@ilo-org/
|
|
77
|
+
"@ilo-org/fonts": "1.0.0",
|
|
78
|
+
"@ilo-org/styles": "1.8.3",
|
|
79
79
|
"@ilo-org/themes": "0.9.1",
|
|
80
80
|
"@ilo-org/utils": "0.1.1"
|
|
81
81
|
},
|
|
@@ -112,8 +112,8 @@
|
|
|
112
112
|
"vite-plugin-dts": "^3.9.1",
|
|
113
113
|
"vite-plugin-static-copy": "^1.0.6",
|
|
114
114
|
"vitest": "^2.0.5",
|
|
115
|
-
"@ilo-org/prettier-config": "2.0.0",
|
|
116
115
|
"@ilo-org/eslint-config": "2.0.0",
|
|
116
|
+
"@ilo-org/prettier-config": "2.0.0",
|
|
117
117
|
"@ilo-org/typescript-config": "2.0.0"
|
|
118
118
|
},
|
|
119
119
|
"peerDependencies": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";const t=require("react/jsx-runtime"),k=require("react"),x=require("./index-chunk-D921N0ug.js"),a=require("./useGlobalSettings-chunk-DEacV16j.js"),b=k.forwardRef(({children:o,className:e,label:r,target:s,theme:i="light",url:l,...u},c)=>{const{prefix:d}=a.useGlobalSettings();let n=`${d}--link`;e!=null&&e.includes("button")&&(n="");const f=x.classnames(e,{[n]:!0,[`${n}--${i}`]:n&&i});return t.jsxs("a",{ref:c,className:f,href:l,target:s,rel:s?"noopener noreferrer":void 0,...u,children:[r&&t.jsx("span",{className:"link__label",children:r}),o]})});exports.Link=b;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"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-B65FgSLG.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-DkfLXJhu.js"),L=require("./ReadMore-chunk-Cz3Dc9Cz.js"),T=require("./Textarea-chunk-XYsrIeDn.js"),x=require("./Callout-chunk-CS-b8vev.js"),p=require("./Credit-chunk-cffOG8ho.js"),P=require("./FileUpload-chunk-CC1oePLc.js"),F=require("./Heading-chunk-COxtDw0v.js"),m=require("./Link-chunk-DuZiglb_.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-BUjFj4bf.js"),E=require("./Navigation-entry-C6dI5Dpf.js"),e=require("./ScoreCard-chunk-CYb8wTsk.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;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { jsxs as a, jsx as c } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as d } from "react";
|
|
3
|
-
import { c as m } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
-
import { u as k } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
-
const j = d(
|
|
6
|
-
({ children: e, className: r, label: n, target: i, theme: s = "light", url: t, ...l }, f) => {
|
|
7
|
-
const { prefix: p } = k();
|
|
8
|
-
let o = `${p}--link`;
|
|
9
|
-
r != null && r.includes("button") && (o = "");
|
|
10
|
-
const u = m(r, {
|
|
11
|
-
[o]: !0,
|
|
12
|
-
[`${o}--${s}`]: o && s
|
|
13
|
-
});
|
|
14
|
-
return /* @__PURE__ */ a(
|
|
15
|
-
"a",
|
|
16
|
-
{
|
|
17
|
-
ref: f,
|
|
18
|
-
className: u,
|
|
19
|
-
href: t,
|
|
20
|
-
target: i,
|
|
21
|
-
rel: i ? "noopener noreferrer" : void 0,
|
|
22
|
-
...l,
|
|
23
|
-
children: [
|
|
24
|
-
n && /* @__PURE__ */ c("span", { className: "link__label", children: n }),
|
|
25
|
-
e
|
|
26
|
-
]
|
|
27
|
-
}
|
|
28
|
-
);
|
|
29
|
-
}
|
|
30
|
-
);
|
|
31
|
-
export {
|
|
32
|
-
j as L
|
|
33
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as c } from "react";
|
|
3
|
-
import { c as n } from "./index-chunk-CY3PQDr4.js";
|
|
4
|
-
import { u as f } from "./useGlobalSettings-chunk-Bu2lRvQa.js";
|
|
5
|
-
const d = c(
|
|
6
|
-
({ statusType: s = "active", content: r, elementId: a, className: o }, e) => {
|
|
7
|
-
const { prefix: t } = f(), m = n(o, {
|
|
8
|
-
[`${t}--status`]: !0,
|
|
9
|
-
[`${t}--status__type__${s}`]: s
|
|
10
|
-
});
|
|
11
|
-
return /* @__PURE__ */ i("span", { className: m, id: a, ref: e, children: r });
|
|
12
|
-
}
|
|
13
|
-
);
|
|
14
|
-
export {
|
|
15
|
-
d as S
|
|
16
|
-
};
|