govuk-chakra 0.0.17 → 0.0.18
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/dist/chakra.cjs +1 -1
- package/dist/chakra.mjs +1 -1
- package/dist/{govuk-chakra-C2vgby05.mjs → govuk-chakra-DQ9KkYkk.mjs} +50 -10
- package/dist/govuk-chakra-DQ9KkYkk.mjs.map +1 -0
- package/dist/{govuk-chakra-Cz2Acq66.js → govuk-chakra-DjCULAkr.js} +2 -2
- package/dist/govuk-chakra-DjCULAkr.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +1 -1
- package/package.json +1 -1
- package/dist/govuk-chakra-C2vgby05.mjs.map +0 -1
- package/dist/govuk-chakra-Cz2Acq66.js.map +0 -1
package/dist/chakra.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./provider-BSZ9Md7O.js`),t=require(`./govUKTheme-ZxJEKEJS.js`),n=require(`./govuk-chakra-
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./provider-BSZ9Md7O.js`),t=require(`./govUKTheme-ZxJEKEJS.js`),n=require(`./govuk-chakra-DjCULAkr.js`),r=require(`./DonutChart-D3Sq34se.js`),i=require(`./Button-Bzp4VO4J.js`);exports.Accordion=n.Ct,exports.Alert=n.xt,exports.Avatar=n.bt,exports.BackLink=n.yt,exports.Breadcrumbs=n.vt,exports.Button=i.t,exports.Calendar=n._t,exports.Card=n.ht,exports.CardGroup=n.gt,exports.Carousel=n.mt,exports.Checkbox=n.ft,exports.Code=n.dt,exports.Collapsible=n.ut,exports.ColorPicker=n.lt,exports.ColorSwatch=n.ct,exports.Combobox=n.st,exports.CookieBanner=n.ot,exports.DateInput=n.at,exports.Details=n.it,exports.Dialog=n.rt,exports.DonutChart=r.t,exports.Editable=n.nt,exports.EmptyState=n.tt,exports.ErrorSummary=n.et,exports.Fieldset=n.pt,exports.FileUpload=n.$,exports.GOVUKCrest=n.Q,exports.GOVUKCrown=n.Z,exports.GOVUKFooter=n.X,exports.GOVUKHeader=n.Y,exports.GOVUKOGL=n.J,exports.GOVUKProvider=e.t,exports.Heading=n.St,exports.Highlight=n.q,exports.HoverCard=n.K,exports.IconButton=n.G,exports.Image=n.W,exports.InsetText=n.U,exports.Kbd=n.H,exports.Link=n.wt,exports.Listbox=n.V,exports.Marquee=n.B,exports.Menu=n.z,exports.NotificationBanner=n.R,exports.Pagination=n.L,exports.Panel=n.I,exports.PhaseBanner=n.t,exports.PinInput=n.F,exports.Popover=n.P,exports.Progress=n.N,exports.ProgressCircle=n.M,exports.QRCode=n.j,exports.Radio=n.A,exports.RadioCard=n.k,exports.Rating=n.O,exports.SegmentedControl=n.E,exports.Select=n.D,exports.Separator=n.T,exports.ServiceNavigation=n.w,exports.Skeleton=n.C,exports.SkipLink=n.S,exports.Slider=n.x,exports.Spinner=n.b,exports.Stat=n.y,exports.Status=n.v,exports.Steps=n._,exports.SummaryList=n.g,exports.Switch=n.h,exports.Table=n.m,exports.Tabs=n.p,exports.Tag=n.n,exports.TagsInput=n.f,exports.TaskList=n.d,exports.Text=r.r,exports.Textarea=n.u,exports.Textinput=n.l,exports.Timeline=n.c,exports.Toast=n.s,exports.ToggleTip=n.o,exports.Tooltip=n.a,exports.TreeView=n.i,exports.WarningText=n.r,exports.govUKTheme=t.t,exports.govUKThemeSystem=t.n;var a=require(`@chakra-ui/react`);Object.keys(a).forEach(function(e){e!==`default`&&!Object.prototype.hasOwnProperty.call(exports,e)&&Object.defineProperty(exports,e,{enumerable:!0,get:function(){return a[e]}})});
|
package/dist/chakra.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as _, Q as v, R as y, S as b, St as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, _t as A, a as j, at as M, b as N, bt as P, c as F, ct as I, d as L, dt as R, et as z, f as B, ft as V, g as H, gt as U, h as W, ht as G, i as K, it as q, j as J, k as Y, l as X, lt as Z, m as Q, mt as $, n as ee, nt as te, o as ne, ot as re, p as ie, pt as ae, q as oe, r as se, rt as ce, s as le, st as ue, t as de, tt as fe, u as pe, ut as me, v as he, vt as ge, w as _e, wt as ve, x as ye, xt as be, y as xe, yt as Se, z as Ce } from "./govuk-chakra-
|
|
1
|
+
import { $ as e, A as t, B as n, C as r, Ct as i, D as a, E as o, F as s, G as c, H as l, I as u, J as d, K as f, L as p, M as m, N as h, O as g, P as _, Q as v, R as y, S as b, St as x, T as S, U as C, V as w, W as T, X as E, Y as D, Z as O, _ as k, _t as A, a as j, at as M, b as N, bt as P, c as F, ct as I, d as L, dt as R, et as z, f as B, ft as V, g as H, gt as U, h as W, ht as G, i as K, it as q, j as J, k as Y, l as X, lt as Z, m as Q, mt as $, n as ee, nt as te, o as ne, ot as re, p as ie, pt as ae, q as oe, r as se, rt as ce, s as le, st as ue, t as de, tt as fe, u as pe, ut as me, v as he, vt as ge, w as _e, wt as ve, x as ye, xt as be, y as xe, yt as Se, z as Ce } from "./govuk-chakra-DQ9KkYkk.mjs";
|
|
2
2
|
import { t as we } from "./provider-BiK0vyjw.mjs";
|
|
3
3
|
import { n as Te, t as Ee } from "./govUKTheme-fklX-_tG.mjs";
|
|
4
4
|
import { r as De, t as Oe } from "./DonutChart-XZvUd_OH.mjs";
|
|
@@ -2441,7 +2441,7 @@ var Un = Object.assign(Hn, { Root: Hn });
|
|
|
2441
2441
|
_e.Root;
|
|
2442
2442
|
var Wn = Object.assign(_e.Root, { ..._e }), Gn = z(({ variant: e = "primary", fontSize: t = 16, ...n }, a) => {
|
|
2443
2443
|
let o = i(t);
|
|
2444
|
-
|
|
2444
|
+
return o ? /* @__PURE__ */ I(ve, {
|
|
2445
2445
|
ref: a,
|
|
2446
2446
|
borderRadius: "0",
|
|
2447
2447
|
fontSize: {
|
|
@@ -2457,6 +2457,15 @@ var Wn = Object.assign(_e.Root, { ..._e }), Gn = z(({ variant: e = "primary", fo
|
|
|
2457
2457
|
minW: "unset",
|
|
2458
2458
|
...d[e],
|
|
2459
2459
|
...n
|
|
2460
|
+
}) : /* @__PURE__ */ I(ve, {
|
|
2461
|
+
ref: a,
|
|
2462
|
+
borderRadius: "0",
|
|
2463
|
+
fontSize: t,
|
|
2464
|
+
fontFamily: "body",
|
|
2465
|
+
padding: r(8),
|
|
2466
|
+
minW: "unset",
|
|
2467
|
+
...d[e],
|
|
2468
|
+
...n
|
|
2460
2469
|
});
|
|
2461
2470
|
});
|
|
2462
2471
|
Gn.displayName = "IconButton";
|
|
@@ -2610,7 +2619,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2610
2619
|
md: "row"
|
|
2611
2620
|
},
|
|
2612
2621
|
alignItems: t ? "stretch" : { md: "center" },
|
|
2613
|
-
justifyContent: "
|
|
2622
|
+
justifyContent: "flex-start",
|
|
2614
2623
|
gap: t ? 0 : r(10),
|
|
2615
2624
|
children: n
|
|
2616
2625
|
})
|
|
@@ -2676,6 +2685,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2676
2685
|
fontWeight: e ? "700" : "400",
|
|
2677
2686
|
textDecoration: "underline",
|
|
2678
2687
|
bgColor: e ? "primary.600" : "transparent",
|
|
2688
|
+
rounded: "0",
|
|
2679
2689
|
_hover: {
|
|
2680
2690
|
textDecoration: "underline",
|
|
2681
2691
|
textDecorationThickness: "max(3px, 0.1875rem)"
|
|
@@ -2686,6 +2696,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2686
2696
|
outlineOffset: 0,
|
|
2687
2697
|
bgColor: "yellow.500",
|
|
2688
2698
|
color: "fg",
|
|
2699
|
+
rounded: "0",
|
|
2689
2700
|
textDecoration: "underline",
|
|
2690
2701
|
textDecorationThickness: "max(3px, 0.1875rem)",
|
|
2691
2702
|
_hover: {
|
|
@@ -2773,7 +2784,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2773
2784
|
gap: 0,
|
|
2774
2785
|
children: [/* @__PURE__ */ I(a, {
|
|
2775
2786
|
as: "span",
|
|
2776
|
-
fontSize:
|
|
2787
|
+
fontSize: 19,
|
|
2777
2788
|
color: "inherit",
|
|
2778
2789
|
fontWeight: "700",
|
|
2779
2790
|
mb: 0,
|
|
@@ -2781,7 +2792,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2781
2792
|
}), /* @__PURE__ */ I(F, { children: e ? /* @__PURE__ */ I(a, {
|
|
2782
2793
|
as: "span",
|
|
2783
2794
|
display: "block",
|
|
2784
|
-
fontSize:
|
|
2795
|
+
fontSize: 19,
|
|
2785
2796
|
color: "inherit",
|
|
2786
2797
|
mb: 0,
|
|
2787
2798
|
children: e
|
|
@@ -2789,7 +2800,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2789
2800
|
}) : /* @__PURE__ */ I(F, { children: e ? /* @__PURE__ */ I(a, {
|
|
2790
2801
|
as: "span",
|
|
2791
2802
|
display: "block",
|
|
2792
|
-
fontSize:
|
|
2803
|
+
fontSize: 19,
|
|
2793
2804
|
color: "inherit",
|
|
2794
2805
|
mb: 0,
|
|
2795
2806
|
children: e
|
|
@@ -2846,7 +2857,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2846
2857
|
gap: 0,
|
|
2847
2858
|
children: [/* @__PURE__ */ I(a, {
|
|
2848
2859
|
as: "span",
|
|
2849
|
-
fontSize:
|
|
2860
|
+
fontSize: 19,
|
|
2850
2861
|
color: "inherit",
|
|
2851
2862
|
fontWeight: "700",
|
|
2852
2863
|
mb: 0,
|
|
@@ -2854,7 +2865,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2854
2865
|
}), /* @__PURE__ */ I(F, { children: e ? /* @__PURE__ */ I(a, {
|
|
2855
2866
|
as: "span",
|
|
2856
2867
|
display: "block",
|
|
2857
|
-
fontSize:
|
|
2868
|
+
fontSize: 19,
|
|
2858
2869
|
color: "inherit",
|
|
2859
2870
|
mb: 0,
|
|
2860
2871
|
children: e
|
|
@@ -2862,7 +2873,7 @@ var ur = ({ direction: e }) => /* @__PURE__ */ I(w, {
|
|
|
2862
2873
|
}) : /* @__PURE__ */ I(F, { children: e ? /* @__PURE__ */ I(a, {
|
|
2863
2874
|
as: "span",
|
|
2864
2875
|
display: "block",
|
|
2865
|
-
fontSize:
|
|
2876
|
+
fontSize: 19,
|
|
2866
2877
|
color: "inherit",
|
|
2867
2878
|
mb: 0,
|
|
2868
2879
|
children: e
|
|
@@ -4634,7 +4645,7 @@ var Pa = {
|
|
|
4634
4645
|
});
|
|
4635
4646
|
}), za = z(function({ width: t = "full", fontSize: n = 16, invalid: a, ...o }, s) {
|
|
4636
4647
|
let c = i(n);
|
|
4637
|
-
|
|
4648
|
+
return c ? /* @__PURE__ */ I(be, {
|
|
4638
4649
|
ref: s,
|
|
4639
4650
|
borderRadius: "0",
|
|
4640
4651
|
borderWidth: r(2),
|
|
@@ -4670,6 +4681,35 @@ var Pa = {
|
|
|
4670
4681
|
bg: "bg.disabled"
|
|
4671
4682
|
},
|
|
4672
4683
|
...o
|
|
4684
|
+
}) : /* @__PURE__ */ I(be, {
|
|
4685
|
+
ref: s,
|
|
4686
|
+
borderRadius: "0",
|
|
4687
|
+
borderWidth: r(2),
|
|
4688
|
+
borderColor: a ? "fg.error" : "border.input",
|
|
4689
|
+
fontFamily: "body",
|
|
4690
|
+
bg: "transparent",
|
|
4691
|
+
color: "fg",
|
|
4692
|
+
fontSize: n,
|
|
4693
|
+
px: r(12),
|
|
4694
|
+
py: r(5),
|
|
4695
|
+
h: r(40),
|
|
4696
|
+
w: t === "full" ? "100%" : "auto",
|
|
4697
|
+
maxW: t === "full" ? void 0 : Pa[t],
|
|
4698
|
+
_placeholder: {
|
|
4699
|
+
color: "fg.muted",
|
|
4700
|
+
opacity: 1
|
|
4701
|
+
},
|
|
4702
|
+
_hover: { borderColor: a ? "fg.error" : "border.input" },
|
|
4703
|
+
_focusVisible: e(),
|
|
4704
|
+
_focus: e(),
|
|
4705
|
+
_invalid: { borderColor: "fg.error" },
|
|
4706
|
+
_disabled: {
|
|
4707
|
+
opacity: 1,
|
|
4708
|
+
cursor: "not-allowed",
|
|
4709
|
+
color: "fg.disabled",
|
|
4710
|
+
bg: "bg.disabled"
|
|
4711
|
+
},
|
|
4712
|
+
...o
|
|
4673
4713
|
});
|
|
4674
4714
|
}), Ba = z(function({ id: e, label: t, hint: n, error: r, width: i = "full", labelSize: a = 19, required: o, disabled: s, invalid: c, formProps: l, ...u }, d) {
|
|
4675
4715
|
let f = V(), p = e ?? `govuk-text-input-${f}`, m = n ? `${p}-hint` : void 0, h = r ? `${p}-error` : void 0, g = !!r || !!c, _ = [
|
|
@@ -5016,4 +5056,4 @@ var no = z(function({ phase: e = "beta", children: t, ...n }, i) {
|
|
|
5016
5056
|
//#endregion
|
|
5017
5057
|
export { Z as $, Lr as A, Qn as B, Ti as C, Et as Ct, si as D, ui as E, gt as Et, Dr as F, Kn as G, Xn as H, xr as I, Vn as J, Wn as K, _r as L, Ar as M, kr as N, Br as O, Or as P, xn as Q, sr as R, Ei as S, W as St, fi as T, mt as Tt, Jn as U, Zn as V, qn as W, Pn as X, Bn as Y, Sn as Z, Ui as _, Kt as _t, Ja as a, J as at, ki as b, It as bt, Ha as c, tn as ct, Ma as d, Zt as dt, _n as et, Ta as f, q as ft, ia as g, qt as gt, aa as h, G as ht, Za as i, un as it, jr as j, Rr as k, Va as l, en as lt, ya as m, Yt as mt, eo as n, fn as nt, qa as o, rn as ot, wa as p, K as pt, Un as q, Qa as r, dn as rt, Wa as s, nn as st, so as t, mn as tt, $ as u, Qt as ut, Vi as v, Gt as vt, wi as w, U as wt, Di as x, Ft as xt, Bi as y, Lt as yt, $n as z };
|
|
5018
5058
|
|
|
5019
|
-
//# sourceMappingURL=govuk-chakra-
|
|
5059
|
+
//# sourceMappingURL=govuk-chakra-DQ9KkYkk.mjs.map
|