@breadstone/mosaik-elements-svelte 0.1.20 → 0.1.22
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/CHANGELOG.md +10 -0
- package/index.mjs +1227 -47
- package/package.json +3 -3
package/index.mjs
CHANGED
|
@@ -5224,7 +5224,7 @@ var Ms, Ns = class {
|
|
|
5224
5224
|
typographies: e.COSMOPOLITAN_THEME_TYPOGRAPHY
|
|
5225
5225
|
};
|
|
5226
5226
|
})(Np ||= {});
|
|
5227
|
-
var Np, Pp = "joy", Fp = "Nunito, sans-serif", Ip = "12px", Lp = "8px", Rp = "2px", zp = "#f5f5f5", Bp = "#eaeaea", Vp = "#3c454f", Hp = "#d1d1d1", Up = "#8a8a8a", Wp = "#5c5c5c", Gp = "rgba(255, 255, 255, 0)", Kp = "rgba(255, 255, 255, 0.67)", qp = "#686868", Jp = "#ffffff", Yp = "rgba(204, 204, 204, 0.44)", Xp = "#1e1e1e", Zp = "#151515", Qp = "#c3bab0", $p = "#2e2e2e", em = "#757575", tm = "#a3a3a3", nm = "rgba(255, 255, 255, 0)", rm = "rgba(255, 255, 255, 0.03)", im = "#474747", am = "#000000", om = "rgba(204, 204, 204, 0.44)", sm = "#ffffff", cm = "#fce4ec", lm = "#f8bcd0", um = "#f48fb1", dm = "#f06292", fm = "#ec407a", pm = "#e91e63", mm = "#cb1a56", hm = "#a31545", gm = "#7e1035", _m = "#3a0819", vm = "#ffffff", ym = "#e6f6e9", bm = "#c3e8c9", xm = "#9bd9a7", Sm = "#70cb83", Cm = "#4dbf68", wm = "#21b34d", Tm = "#16a444", Em = "#009238", Dm = "#00812d", Om = "#006218", km = "#ffffff", Am = "#e1f5fc", jm = "#b4e6f7", Mm = "#84d5f3", Nm = "#56c5ee", Pm = "#35b8eb", Fm = "#19ace9", Im = "#139edb", Lm = "#098bc7", Rm = "#087ab4", zm = "#005a92", Bm = "#ffffff", Vm = "#f4faff", Hm = "#ddf1ff", Um = "#addbff", Wm = "#6fb6ff", Gm = "#3990ff", Km = "#096bde", qm = "#054da7", Jm = "#02367d", Ym = "#072859", Xm = "#00153c", Zm = "#ffffff", Qm = "#fff8c5", $m = "#fae17d", eh = "#eac54f", th = "#d4a72c", nh = "#bf8700", rh = "#9a6700", ih = "#7d4e00", ah = "#633c01", oh = "#4d2d00", sh = "#3b2300", ch = "#ffffff", lh = "#fff8f6", uh = "#ffe9e8", dh = "#ffc7c5", fh = "#ff9192", ph = "#fa5255", mh = "#d3232f", hh = "#a10e25", gh = "#77061b", _h = "#580013", vh = "#39000d", yh = "#ffffff", bh = "#f3fef5", xh = "#d7f5dd", Sh = "#77ec95", Ch = "#4cc76e", wh = "#2ca24d", Th = "#1a7d36", Eh = "#0f5d26", Dh = "#034318", Oh = "#002f0f", kh = "#001d09", Ah = "#ffffff", jh = "#fdf7ff", Mh = "#f4eaff", Nh = "#e1cbff", Ph = "#c69eff", Fh = "#a374f9", Ih = "#814dde", Lh = "#5f35ae", Rh = "#452382", zh = "#301761", Bh = "#1d0a42", Vh = "#ffffff", Hh = "#f7f7f8", Uh = "#ebebef", Wh = "#d8d8df", Gh = "#b9b9c6", Kh = "#8f8fa3", qh = "#73738c", Jh = "#5a5a72", Yh = "#434356", Xh = "#25252d", Zh = "#131318", Qh = "#000000", $h = "#3a0819", eg = "#7e1035", tg = "#a31545", ng = "#cb1a56", rg = "#e91e63", ig = "#ec407a", ag = "#f06292", og = "#f48fb1", sg = "#f8bcd0", cg = "#fce4ec", lg = "#000000", ug = "#006218", dg = "#00812d", fg = "#009238", pg = "#16a444", mg = "#21b34d", hg = "#4dbf68", gg = "#70cb83", _g = "#9bd9a7", vg = "#c3e8c9", yg = "#e6f6e9", bg = "#000000", xg = "#005a92", Sg = "#087ab4", Cg = "#098bc7", wg = "#139edb", Tg = "#19ace9", Eg = "#35b8eb", Dg = "#56c5ee", Og = "#84d5f3", kg = "#b4e6f7", Ag = "#e1f5fc", jg = "#000000", Mg = "#00153c", Ng = "#072859", Pg = "#02367d", Fg = "#054da7", Ig = "#096bde", Lg = "#3990ff", Rg = "#6fb6ff", zg = "#addbff", Bg = "#ddf1ff", Vg = "#f4faff", Hg = "#000000", Ug = "#3b2300", Wg = "#4d2d00", Gg = "#633c01", Kg = "#7d4e00", qg = "#9a6700", Jg = "#bf8700", Yg = "#d4a72c", Xg = "#eac54f", Zg = "#fae17d", Qg = "#fff8c5", $g = "#000000", e_ = "#39000d", t_ = "#580013", n_ = "#77061b", r_ = "#a10e25", i_ = "#d3232f", a_ = "#fa5255", o_ = "#ff9192", s_ = "#ffc7c5", c_ = "#ffe9e8", l_ = "#fff8f6", u_ = "#000000", d_ = "#001d09", f_ = "#002f0f", p_ = "#034318", m_ = "#0f5d26", h_ = "#1a7d36", g_ = "#2ca24d", __ = "#4cc76e", v_ = "#77ec95", y_ = "#d7f5dd", b_ = "#f3fef5", x_ = "#000000", S_ = "#1d0a42", C_ = "#301761", w_ = "#452382", T_ = "#5f35ae", E_ = "#814dde", D_ = "#a374f9", O_ = "#c69eff", k_ = "#e1cbff", A_ = "#f4eaff", j_ = "#fdf7ff", M_ = "#000000", N_ = "#131318", P_ = "#25252d", F_ = "#434356", I_ = "#5a5a72", L_ = "#73738c", R_ = "#8f8fa3", z_ = "#b9b9c6", B_ = "#d8d8df", V_ = "#ebebef", H_ = "#f7f7f8", U_ = "Nunito, sans-serif", W_ = "96px", G_ = "100px", K_ = "300", q_ = "-0.25px", J_ = "none", Y_ = "none", X_ = "Nunito, sans-serif", Z_ = "60px", Q_ = "64px", $_ = "300", ev = "-0.13333333333333333px", tv = "none", lte = "none", ute = "Nunito, sans-serif", dte = "48px", fte = "52px", pte = "400", mte = "normal", hte = "none", gte = "none", _te = "Nunito, sans-serif", vte = "34px", yte = "38px", bte = "400", xte = "0.11764705882352941px", Ste = "none", Cte = "none", wte = "Nunito, sans-serif", Tte = "24px", Ete = "28px", Dte = "400", Ote = "normal", kte = "none", Ate = "none", jte = "Nunito, sans-serif", Mte = "20px", Nte = "24px", Pte = "500", Fte = "0.2px", Ite = "none", Lte = "none", Rte = "Nunito, sans-serif", zte = "16px", Bte = "20px", Vte = "400", Hte = "0.15px", Ute = "none", Wte = "none", Gte = "Nunito, sans-serif", Kte = "14px", qte = "18px", Jte = "500", Yte = "0.1142857142857143px", Xte = "none", Zte = "none", Qte = "Nunito, sans-serif", $te = "16px", ene = "20px", tne = "400", nne = "0.5px", rne = "none", ine = "none", ane = "Nunito, sans-serif", one = "14px", sne = "18px", cne = "400", lne = "0.2857142857142857px", une = "none", dne = "none", fne = "Nunito, sans-serif", pne = "12px", mne = "14px", hne = "400", gne = "0.2857142857142857px", _ne = "none", vne = "none", yne = "Nunito, sans-serif", bne = "12px", xne = "16px", Sne = "400", Cne = "0.5333333333333333px", wne = "none", Tne = "none", Ene = "Nunito, sans-serif", Dne = "14px", One = "18px", kne = "700", Ane = "1.4285714285714286px", jne = "none", Mne = "none", Nne = "Nunito, sans-serif", Pne = "12px", Fne = "16px", Ine = "500", Lne = "2.6666666666666665px", Rne = "none", zne = "none", Bne = "0px
|
|
5227
|
+
var Np, Pp = "joy", Fp = "Nunito, sans-serif", Ip = "12px", Lp = "8px", Rp = "2px", zp = "#f5f5f5", Bp = "#eaeaea", Vp = "#3c454f", Hp = "#d1d1d1", Up = "#8a8a8a", Wp = "#5c5c5c", Gp = "rgba(255, 255, 255, 0)", Kp = "rgba(255, 255, 255, 0.67)", qp = "#686868", Jp = "#ffffff", Yp = "rgba(204, 204, 204, 0.44)", Xp = "#1e1e1e", Zp = "#151515", Qp = "#c3bab0", $p = "#2e2e2e", em = "#757575", tm = "#a3a3a3", nm = "rgba(255, 255, 255, 0)", rm = "rgba(255, 255, 255, 0.03)", im = "#474747", am = "#000000", om = "rgba(204, 204, 204, 0.44)", sm = "#ffffff", cm = "#fce4ec", lm = "#f8bcd0", um = "#f48fb1", dm = "#f06292", fm = "#ec407a", pm = "#e91e63", mm = "#cb1a56", hm = "#a31545", gm = "#7e1035", _m = "#3a0819", vm = "#ffffff", ym = "#e6f6e9", bm = "#c3e8c9", xm = "#9bd9a7", Sm = "#70cb83", Cm = "#4dbf68", wm = "#21b34d", Tm = "#16a444", Em = "#009238", Dm = "#00812d", Om = "#006218", km = "#ffffff", Am = "#e1f5fc", jm = "#b4e6f7", Mm = "#84d5f3", Nm = "#56c5ee", Pm = "#35b8eb", Fm = "#19ace9", Im = "#139edb", Lm = "#098bc7", Rm = "#087ab4", zm = "#005a92", Bm = "#ffffff", Vm = "#f4faff", Hm = "#ddf1ff", Um = "#addbff", Wm = "#6fb6ff", Gm = "#3990ff", Km = "#096bde", qm = "#054da7", Jm = "#02367d", Ym = "#072859", Xm = "#00153c", Zm = "#ffffff", Qm = "#fff8c5", $m = "#fae17d", eh = "#eac54f", th = "#d4a72c", nh = "#bf8700", rh = "#9a6700", ih = "#7d4e00", ah = "#633c01", oh = "#4d2d00", sh = "#3b2300", ch = "#ffffff", lh = "#fff8f6", uh = "#ffe9e8", dh = "#ffc7c5", fh = "#ff9192", ph = "#fa5255", mh = "#d3232f", hh = "#a10e25", gh = "#77061b", _h = "#580013", vh = "#39000d", yh = "#ffffff", bh = "#f3fef5", xh = "#d7f5dd", Sh = "#77ec95", Ch = "#4cc76e", wh = "#2ca24d", Th = "#1a7d36", Eh = "#0f5d26", Dh = "#034318", Oh = "#002f0f", kh = "#001d09", Ah = "#ffffff", jh = "#fdf7ff", Mh = "#f4eaff", Nh = "#e1cbff", Ph = "#c69eff", Fh = "#a374f9", Ih = "#814dde", Lh = "#5f35ae", Rh = "#452382", zh = "#301761", Bh = "#1d0a42", Vh = "#ffffff", Hh = "#f7f7f8", Uh = "#ebebef", Wh = "#d8d8df", Gh = "#b9b9c6", Kh = "#8f8fa3", qh = "#73738c", Jh = "#5a5a72", Yh = "#434356", Xh = "#25252d", Zh = "#131318", Qh = "#000000", $h = "#3a0819", eg = "#7e1035", tg = "#a31545", ng = "#cb1a56", rg = "#e91e63", ig = "#ec407a", ag = "#f06292", og = "#f48fb1", sg = "#f8bcd0", cg = "#fce4ec", lg = "#000000", ug = "#006218", dg = "#00812d", fg = "#009238", pg = "#16a444", mg = "#21b34d", hg = "#4dbf68", gg = "#70cb83", _g = "#9bd9a7", vg = "#c3e8c9", yg = "#e6f6e9", bg = "#000000", xg = "#005a92", Sg = "#087ab4", Cg = "#098bc7", wg = "#139edb", Tg = "#19ace9", Eg = "#35b8eb", Dg = "#56c5ee", Og = "#84d5f3", kg = "#b4e6f7", Ag = "#e1f5fc", jg = "#000000", Mg = "#00153c", Ng = "#072859", Pg = "#02367d", Fg = "#054da7", Ig = "#096bde", Lg = "#3990ff", Rg = "#6fb6ff", zg = "#addbff", Bg = "#ddf1ff", Vg = "#f4faff", Hg = "#000000", Ug = "#3b2300", Wg = "#4d2d00", Gg = "#633c01", Kg = "#7d4e00", qg = "#9a6700", Jg = "#bf8700", Yg = "#d4a72c", Xg = "#eac54f", Zg = "#fae17d", Qg = "#fff8c5", $g = "#000000", e_ = "#39000d", t_ = "#580013", n_ = "#77061b", r_ = "#a10e25", i_ = "#d3232f", a_ = "#fa5255", o_ = "#ff9192", s_ = "#ffc7c5", c_ = "#ffe9e8", l_ = "#fff8f6", u_ = "#000000", d_ = "#001d09", f_ = "#002f0f", p_ = "#034318", m_ = "#0f5d26", h_ = "#1a7d36", g_ = "#2ca24d", __ = "#4cc76e", v_ = "#77ec95", y_ = "#d7f5dd", b_ = "#f3fef5", x_ = "#000000", S_ = "#1d0a42", C_ = "#301761", w_ = "#452382", T_ = "#5f35ae", E_ = "#814dde", D_ = "#a374f9", O_ = "#c69eff", k_ = "#e1cbff", A_ = "#f4eaff", j_ = "#fdf7ff", M_ = "#000000", N_ = "#131318", P_ = "#25252d", F_ = "#434356", I_ = "#5a5a72", L_ = "#73738c", R_ = "#8f8fa3", z_ = "#b9b9c6", B_ = "#d8d8df", V_ = "#ebebef", H_ = "#f7f7f8", U_ = "Nunito, sans-serif", W_ = "96px", G_ = "100px", K_ = "300", q_ = "-0.25px", J_ = "none", Y_ = "none", X_ = "Nunito, sans-serif", Z_ = "60px", Q_ = "64px", $_ = "300", ev = "-0.13333333333333333px", tv = "none", lte = "none", ute = "Nunito, sans-serif", dte = "48px", fte = "52px", pte = "400", mte = "normal", hte = "none", gte = "none", _te = "Nunito, sans-serif", vte = "34px", yte = "38px", bte = "400", xte = "0.11764705882352941px", Ste = "none", Cte = "none", wte = "Nunito, sans-serif", Tte = "24px", Ete = "28px", Dte = "400", Ote = "normal", kte = "none", Ate = "none", jte = "Nunito, sans-serif", Mte = "20px", Nte = "24px", Pte = "500", Fte = "0.2px", Ite = "none", Lte = "none", Rte = "Nunito, sans-serif", zte = "16px", Bte = "20px", Vte = "400", Hte = "0.15px", Ute = "none", Wte = "none", Gte = "Nunito, sans-serif", Kte = "14px", qte = "18px", Jte = "500", Yte = "0.1142857142857143px", Xte = "none", Zte = "none", Qte = "Nunito, sans-serif", $te = "16px", ene = "20px", tne = "400", nne = "0.5px", rne = "none", ine = "none", ane = "Nunito, sans-serif", one = "14px", sne = "18px", cne = "400", lne = "0.2857142857142857px", une = "none", dne = "none", fne = "Nunito, sans-serif", pne = "12px", mne = "14px", hne = "400", gne = "0.2857142857142857px", _ne = "none", vne = "none", yne = "Nunito, sans-serif", bne = "12px", xne = "16px", Sne = "400", Cne = "0.5333333333333333px", wne = "none", Tne = "none", Ene = "Nunito, sans-serif", Dne = "14px", One = "18px", kne = "700", Ane = "1.4285714285714286px", jne = "none", Mne = "none", Nne = "Nunito, sans-serif", Pne = "12px", Fne = "16px", Ine = "500", Lne = "2.6666666666666665px", Rne = "none", zne = "none", Bne = "0px 2px 2px -2px rgba(0, 0, 0, 0.17)", Vne = "0px 4px 4px -2px rgba(0, 0, 0, 0.17)", Hne = "0px 6px 6px -2px rgba(0, 0, 0, 0.17)", Une = "0px 8px 8px -2px rgba(0, 0, 0, 0.17)", Wne = "0px 10px 10px -2px rgba(0, 0, 0, 0.17)", Gne = "0px 12px 12px -2px rgba(0, 0, 0, 0.17)", Kne = "0px 2px 2px -2px rgba(0, 0, 0, 0.24)", qne = "0px 4px 4px -2px rgba(0, 0, 0, 0.24)", Jne = "0px 6px 6px -2px rgba(0, 0, 0, 0.24)", Yne = "0px 8px 8px -2px rgba(0, 0, 0, 0.24)", Xne = "0px 10px 10px -2px rgba(0, 0, 0, 0.24)", Zne = "0px 12px 12px -2px rgba(0, 0, 0, 0.24)", Qne = "headline1", $ne = "headline2", ere = "headline3", tre = "headline4", nre = "headline5", rre = "headline6", ire = "subtitle1", are = "subtitle2", ore = "body1", sre = "body2", cre = "supporting", lre = "caption", ure = "button", dre = "overline", fre = "light", pre = "semilight", mre = "regular", hre = "semibold", gre = "bold", _re = "extrabold", vre = "primary", yre = "secondary", bre = "tertiary", xre = "danger", Sre = "warning", Cre = "success", wre = "info", Tre = "highlight", Ere = "neutral";
|
|
5228
5228
|
(function(e) {
|
|
5229
5229
|
e.JOY_THEME = Is.create({
|
|
5230
5230
|
name: Pp,
|
|
@@ -54380,6 +54380,9 @@ function JA() {
|
|
|
54380
54380
|
--textbox-border-radius: unset;
|
|
54381
54381
|
--textbox-border-style: unset;
|
|
54382
54382
|
--textbox-border-width: unset;
|
|
54383
|
+
--textbox-focus-ring-active-width: 8px;
|
|
54384
|
+
--textbox-focus-ring-color: unset;
|
|
54385
|
+
--textbox-focus-ring-inward-offset: 2px;
|
|
54383
54386
|
--textbox-focus-ring-outward-offset: 0px;
|
|
54384
54387
|
--textbox-focus-ring-width: 0px;
|
|
54385
54388
|
--textbox-font-family: var(--cosmopolitan-font-family);
|
|
@@ -54479,6 +54482,13 @@ function JA() {
|
|
|
54479
54482
|
display: flex;
|
|
54480
54483
|
}
|
|
54481
54484
|
|
|
54485
|
+
:host [part="focusRing"] {
|
|
54486
|
+
--focus-ring-color: var(--textbox-focus-ring-color);
|
|
54487
|
+
--focus-ring-active-width: var(--textbox-focus-ring-active-width);
|
|
54488
|
+
--focus-ring-inward-offset: var(--textbox-focus-ring-inward-offset);
|
|
54489
|
+
--focus-ring-outward-offset: var(--textbox-focus-ring-outward-offset);
|
|
54490
|
+
}
|
|
54491
|
+
|
|
54482
54492
|
:host [part="input"] {
|
|
54483
54493
|
transition-duration: inherit;
|
|
54484
54494
|
transition-timing-function: inherit;
|
|
@@ -54619,6 +54629,9 @@ function YA() {
|
|
|
54619
54629
|
--textbox-border-radius: var(--joy-layout-radius);
|
|
54620
54630
|
--textbox-border-style: solid;
|
|
54621
54631
|
--textbox-border-width: var(--joy-layout-thickness);
|
|
54632
|
+
--textbox-focus-ring-active-width: 8px;
|
|
54633
|
+
--textbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
54634
|
+
--textbox-focus-ring-inward-offset: 2px;
|
|
54622
54635
|
--textbox-focus-ring-outward-offset: 0px;
|
|
54623
54636
|
--textbox-focus-ring-width: 0px;
|
|
54624
54637
|
--textbox-font-family: var(--joy-font-family);
|
|
@@ -54718,6 +54731,13 @@ function YA() {
|
|
|
54718
54731
|
display: flex;
|
|
54719
54732
|
}
|
|
54720
54733
|
|
|
54734
|
+
:host [part="focusRing"] {
|
|
54735
|
+
--focus-ring-color: var(--textbox-focus-ring-color);
|
|
54736
|
+
--focus-ring-active-width: var(--textbox-focus-ring-active-width);
|
|
54737
|
+
--focus-ring-inward-offset: var(--textbox-focus-ring-inward-offset);
|
|
54738
|
+
--focus-ring-outward-offset: var(--textbox-focus-ring-outward-offset);
|
|
54739
|
+
}
|
|
54740
|
+
|
|
54721
54741
|
:host [part="input"] {
|
|
54722
54742
|
transition-duration: inherit;
|
|
54723
54743
|
transition-timing-function: inherit;
|
|
@@ -54894,6 +54914,8 @@ function YA() {
|
|
|
54894
54914
|
:host([appearance="plain"]) {
|
|
54895
54915
|
--textbox-border-width: 0;
|
|
54896
54916
|
--textbox-background-color: var(--joy-scheme-transparent);
|
|
54917
|
+
--textbox-focus-ring-inward-offset: 0px;
|
|
54918
|
+
--textbox-focus-ring-outward-offset: 0px;
|
|
54897
54919
|
}
|
|
54898
54920
|
|
|
54899
54921
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
@@ -54902,10 +54924,13 @@ function YA() {
|
|
|
54902
54924
|
|
|
54903
54925
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
54904
54926
|
--textbox-background-color: var(--joy-scheme-highlight);
|
|
54927
|
+
--textbox-focus-ring-inward-offset: 0px;
|
|
54928
|
+
--textbox-focus-ring-outward-offset: 0px;
|
|
54905
54929
|
}
|
|
54906
54930
|
|
|
54907
54931
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54908
54932
|
--textbox-border-color: var(--joy-color-primary-500);
|
|
54933
|
+
--textbox-focus-ring-color: var(--joy-color-primary-500);
|
|
54909
54934
|
}
|
|
54910
54935
|
|
|
54911
54936
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54914,6 +54939,7 @@ function YA() {
|
|
|
54914
54939
|
|
|
54915
54940
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54916
54941
|
--textbox-border-color: var(--joy-color-primary-500);
|
|
54942
|
+
--textbox-focus-ring-color: var(--joy-color-primary-500);
|
|
54917
54943
|
}
|
|
54918
54944
|
|
|
54919
54945
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -54922,6 +54948,7 @@ function YA() {
|
|
|
54922
54948
|
|
|
54923
54949
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54924
54950
|
--textbox-border-color: var(--joy-color-secondary-500);
|
|
54951
|
+
--textbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
54925
54952
|
}
|
|
54926
54953
|
|
|
54927
54954
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54930,6 +54957,7 @@ function YA() {
|
|
|
54930
54957
|
|
|
54931
54958
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54932
54959
|
--textbox-border-color: var(--joy-color-secondary-500);
|
|
54960
|
+
--textbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
54933
54961
|
}
|
|
54934
54962
|
|
|
54935
54963
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -54938,6 +54966,7 @@ function YA() {
|
|
|
54938
54966
|
|
|
54939
54967
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54940
54968
|
--textbox-border-color: var(--joy-color-tertiary-500);
|
|
54969
|
+
--textbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
54941
54970
|
}
|
|
54942
54971
|
|
|
54943
54972
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54946,6 +54975,7 @@ function YA() {
|
|
|
54946
54975
|
|
|
54947
54976
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54948
54977
|
--textbox-border-color: var(--joy-color-tertiary-500);
|
|
54978
|
+
--textbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
54949
54979
|
}
|
|
54950
54980
|
|
|
54951
54981
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -54954,6 +54984,7 @@ function YA() {
|
|
|
54954
54984
|
|
|
54955
54985
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54956
54986
|
--textbox-border-color: var(--joy-color-danger-500);
|
|
54987
|
+
--textbox-focus-ring-color: var(--joy-color-danger-500);
|
|
54957
54988
|
}
|
|
54958
54989
|
|
|
54959
54990
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54962,6 +54993,7 @@ function YA() {
|
|
|
54962
54993
|
|
|
54963
54994
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54964
54995
|
--textbox-border-color: var(--joy-color-danger-500);
|
|
54996
|
+
--textbox-focus-ring-color: var(--joy-color-danger-500);
|
|
54965
54997
|
}
|
|
54966
54998
|
|
|
54967
54999
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -54970,6 +55002,7 @@ function YA() {
|
|
|
54970
55002
|
|
|
54971
55003
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54972
55004
|
--textbox-border-color: var(--joy-color-warning-500);
|
|
55005
|
+
--textbox-focus-ring-color: var(--joy-color-warning-500);
|
|
54973
55006
|
}
|
|
54974
55007
|
|
|
54975
55008
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54978,6 +55011,7 @@ function YA() {
|
|
|
54978
55011
|
|
|
54979
55012
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54980
55013
|
--textbox-border-color: var(--joy-color-warning-500);
|
|
55014
|
+
--textbox-focus-ring-color: var(--joy-color-warning-500);
|
|
54981
55015
|
}
|
|
54982
55016
|
|
|
54983
55017
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -54986,6 +55020,7 @@ function YA() {
|
|
|
54986
55020
|
|
|
54987
55021
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
54988
55022
|
--textbox-border-color: var(--joy-color-success-500);
|
|
55023
|
+
--textbox-focus-ring-color: var(--joy-color-success-500);
|
|
54989
55024
|
}
|
|
54990
55025
|
|
|
54991
55026
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -54994,6 +55029,7 @@ function YA() {
|
|
|
54994
55029
|
|
|
54995
55030
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
54996
55031
|
--textbox-border-color: var(--joy-color-success-500);
|
|
55032
|
+
--textbox-focus-ring-color: var(--joy-color-success-500);
|
|
54997
55033
|
}
|
|
54998
55034
|
|
|
54999
55035
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -55002,6 +55038,7 @@ function YA() {
|
|
|
55002
55038
|
|
|
55003
55039
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
55004
55040
|
--textbox-border-color: var(--joy-color-info-500);
|
|
55041
|
+
--textbox-focus-ring-color: var(--joy-color-info-500);
|
|
55005
55042
|
}
|
|
55006
55043
|
|
|
55007
55044
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -55010,6 +55047,7 @@ function YA() {
|
|
|
55010
55047
|
|
|
55011
55048
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
55012
55049
|
--textbox-border-color: var(--joy-color-info-500);
|
|
55050
|
+
--textbox-focus-ring-color: var(--joy-color-info-500);
|
|
55013
55051
|
}
|
|
55014
55052
|
|
|
55015
55053
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -55018,6 +55056,7 @@ function YA() {
|
|
|
55018
55056
|
|
|
55019
55057
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
55020
55058
|
--textbox-border-color: var(--joy-color-highlight-500);
|
|
55059
|
+
--textbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
55021
55060
|
}
|
|
55022
55061
|
|
|
55023
55062
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -55026,6 +55065,7 @@ function YA() {
|
|
|
55026
55065
|
|
|
55027
55066
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
55028
55067
|
--textbox-border-color: var(--joy-color-highlight-500);
|
|
55068
|
+
--textbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
55029
55069
|
}
|
|
55030
55070
|
|
|
55031
55071
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -55034,6 +55074,7 @@ function YA() {
|
|
|
55034
55074
|
|
|
55035
55075
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
55036
55076
|
--textbox-border-color: var(--joy-color-neutral-500);
|
|
55077
|
+
--textbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
55037
55078
|
}
|
|
55038
55079
|
|
|
55039
55080
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -55042,6 +55083,7 @@ function YA() {
|
|
|
55042
55083
|
|
|
55043
55084
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
55044
55085
|
--textbox-border-color: var(--joy-color-neutral-500);
|
|
55086
|
+
--textbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
55045
55087
|
}
|
|
55046
55088
|
|
|
55047
55089
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -55060,6 +55102,9 @@ function XA() {
|
|
|
55060
55102
|
--textbox-border-radius: var(--memphis-layout-radius);
|
|
55061
55103
|
--textbox-border-style: solid;
|
|
55062
55104
|
--textbox-border-width: var(--memphis-layout-thickness);
|
|
55105
|
+
--textbox-focus-ring-active-width: 8px;
|
|
55106
|
+
--textbox-focus-ring-color: unset;
|
|
55107
|
+
--textbox-focus-ring-inward-offset: 2px;
|
|
55063
55108
|
--textbox-focus-ring-outward-offset: 0px;
|
|
55064
55109
|
--textbox-focus-ring-width: 0px;
|
|
55065
55110
|
--textbox-font-family: var(--memphis-font-family);
|
|
@@ -55159,6 +55204,13 @@ function XA() {
|
|
|
55159
55204
|
display: flex;
|
|
55160
55205
|
}
|
|
55161
55206
|
|
|
55207
|
+
:host [part="focusRing"] {
|
|
55208
|
+
--focus-ring-color: var(--textbox-focus-ring-color);
|
|
55209
|
+
--focus-ring-active-width: var(--textbox-focus-ring-active-width);
|
|
55210
|
+
--focus-ring-inward-offset: var(--textbox-focus-ring-inward-offset);
|
|
55211
|
+
--focus-ring-outward-offset: var(--textbox-focus-ring-outward-offset);
|
|
55212
|
+
}
|
|
55213
|
+
|
|
55162
55214
|
:host [part="input"] {
|
|
55163
55215
|
transition-duration: inherit;
|
|
55164
55216
|
transition-timing-function: inherit;
|
|
@@ -62048,7 +62100,7 @@ function nN() {
|
|
|
62048
62100
|
}
|
|
62049
62101
|
}
|
|
62050
62102
|
|
|
62051
|
-
:host [part="icon"], :host [part="icon"] modsik-icon {
|
|
62103
|
+
:host ::slotted([slot="icon"]), :host [part="icon"], :host [part="icon"] modsik-icon {
|
|
62052
62104
|
color: inherit;
|
|
62053
62105
|
}
|
|
62054
62106
|
|
|
@@ -74340,7 +74392,7 @@ function sL() {
|
|
|
74340
74392
|
--select-item-border-style: solid;
|
|
74341
74393
|
--select-item-border-width: 0px;
|
|
74342
74394
|
--select-item-focus-ring-active-width: 8px;
|
|
74343
|
-
--select-item-focus-ring-color: var(--joy-
|
|
74395
|
+
--select-item-focus-ring-color: var(--joy-scheme-highlight);
|
|
74344
74396
|
--select-item-focus-ring-inward-offset: 2px;
|
|
74345
74397
|
--select-item-focus-ring-outward-offset: 2px;
|
|
74346
74398
|
--select-item-font-family: var(--joy-font-family);
|
|
@@ -74981,9 +75033,10 @@ function gL() {
|
|
|
74981
75033
|
--autocompletebox-border-style: solid;
|
|
74982
75034
|
--autocompletebox-border-width: var(--joy-layout-thickness);
|
|
74983
75035
|
--autocompletebox-focus-ring-active-width: 8px;
|
|
74984
|
-
--autocompletebox-focus-ring-color: var(--joy-
|
|
75036
|
+
--autocompletebox-focus-ring-color: var(--joy-scheme-highlight);
|
|
74985
75037
|
--autocompletebox-focus-ring-inward-offset: 2px;
|
|
74986
|
-
--autocompletebox-focus-ring-outward-offset:
|
|
75038
|
+
--autocompletebox-focus-ring-outward-offset: 0px;
|
|
75039
|
+
--autocompletebox-focus-ring-width: 0px;
|
|
74987
75040
|
--autocompletebox-font-family: var(--joy-font-family);
|
|
74988
75041
|
--autocompletebox-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
|
|
74989
75042
|
--autocompletebox-font-line-height: var(--joy-typography-body2-line-height);
|
|
@@ -75123,45 +75176,173 @@ function gL() {
|
|
|
75123
75176
|
:host([appearance="plain"]) {
|
|
75124
75177
|
--autocompletebox-border-width: 0;
|
|
75125
75178
|
--autocompletebox-background-color: var(--joy-scheme-transparent);
|
|
75179
|
+
--autocompletebox-focus-ring-inward-offset: 0px;
|
|
75180
|
+
--autocompletebox-focus-ring-outward-offset: 0px;
|
|
75126
75181
|
}
|
|
75127
75182
|
|
|
75128
75183
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
75129
75184
|
--focus-ring-outward-offset: 0px;
|
|
75130
75185
|
}
|
|
75131
75186
|
|
|
75132
|
-
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within)
|
|
75187
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75188
|
+
--autocompletebox-border-color: var(--joy-color-primary-500);
|
|
75189
|
+
--autocompletebox-focus-ring-color: var(--joy-color-primary-500);
|
|
75190
|
+
}
|
|
75191
|
+
|
|
75192
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75193
|
+
--autocompletebox-border-color: var(--joy-color-primary-500);
|
|
75194
|
+
}
|
|
75195
|
+
|
|
75196
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75197
|
+
--autocompletebox-border-color: var(--joy-color-primary-500);
|
|
75198
|
+
--autocompletebox-focus-ring-color: var(--joy-color-primary-500);
|
|
75199
|
+
}
|
|
75200
|
+
|
|
75201
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75133
75202
|
--autocompletebox-border-color: var(--joy-color-primary-500);
|
|
75134
75203
|
}
|
|
75135
75204
|
|
|
75136
|
-
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within)
|
|
75205
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75137
75206
|
--autocompletebox-border-color: var(--joy-color-secondary-500);
|
|
75207
|
+
--autocompletebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
75138
75208
|
}
|
|
75139
75209
|
|
|
75140
|
-
:host([variant="
|
|
75210
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75211
|
+
--autocompletebox-border-color: var(--joy-color-secondary-500);
|
|
75212
|
+
}
|
|
75213
|
+
|
|
75214
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75215
|
+
--autocompletebox-border-color: var(--joy-color-secondary-500);
|
|
75216
|
+
--autocompletebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
75217
|
+
}
|
|
75218
|
+
|
|
75219
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75220
|
+
--autocompletebox-border-color: var(--joy-color-secondary-500);
|
|
75221
|
+
}
|
|
75222
|
+
|
|
75223
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75141
75224
|
--autocompletebox-border-color: var(--joy-color-tertiary-500);
|
|
75225
|
+
--autocompletebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
75142
75226
|
}
|
|
75143
75227
|
|
|
75144
|
-
:host([variant="
|
|
75228
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75229
|
+
--autocompletebox-border-color: var(--joy-color-tertiary-500);
|
|
75230
|
+
}
|
|
75231
|
+
|
|
75232
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75233
|
+
--autocompletebox-border-color: var(--joy-color-tertiary-500);
|
|
75234
|
+
--autocompletebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
75235
|
+
}
|
|
75236
|
+
|
|
75237
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75238
|
+
--autocompletebox-border-color: var(--joy-color-tertiary-500);
|
|
75239
|
+
}
|
|
75240
|
+
|
|
75241
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75145
75242
|
--autocompletebox-border-color: var(--joy-color-danger-500);
|
|
75243
|
+
--autocompletebox-focus-ring-color: var(--joy-color-danger-500);
|
|
75146
75244
|
}
|
|
75147
75245
|
|
|
75148
|
-
:host([variant="
|
|
75246
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75247
|
+
--autocompletebox-border-color: var(--joy-color-danger-500);
|
|
75248
|
+
}
|
|
75249
|
+
|
|
75250
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75251
|
+
--autocompletebox-border-color: var(--joy-color-danger-500);
|
|
75252
|
+
--autocompletebox-focus-ring-color: var(--joy-color-danger-500);
|
|
75253
|
+
}
|
|
75254
|
+
|
|
75255
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75256
|
+
--autocompletebox-border-color: var(--joy-color-danger-500);
|
|
75257
|
+
}
|
|
75258
|
+
|
|
75259
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75149
75260
|
--autocompletebox-border-color: var(--joy-color-warning-500);
|
|
75261
|
+
--autocompletebox-focus-ring-color: var(--joy-color-warning-500);
|
|
75262
|
+
}
|
|
75263
|
+
|
|
75264
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75265
|
+
--autocompletebox-border-color: var(--joy-color-warning-500);
|
|
75266
|
+
}
|
|
75267
|
+
|
|
75268
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75269
|
+
--autocompletebox-border-color: var(--joy-color-warning-500);
|
|
75270
|
+
--autocompletebox-focus-ring-color: var(--joy-color-warning-500);
|
|
75271
|
+
}
|
|
75272
|
+
|
|
75273
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75274
|
+
--autocompletebox-border-color: var(--joy-color-warning-500);
|
|
75275
|
+
}
|
|
75276
|
+
|
|
75277
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75278
|
+
--autocompletebox-border-color: var(--joy-color-success-500);
|
|
75279
|
+
--autocompletebox-focus-ring-color: var(--joy-color-success-500);
|
|
75280
|
+
}
|
|
75281
|
+
|
|
75282
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75283
|
+
--autocompletebox-border-color: var(--joy-color-success-500);
|
|
75284
|
+
}
|
|
75285
|
+
|
|
75286
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75287
|
+
--autocompletebox-border-color: var(--joy-color-success-500);
|
|
75288
|
+
--autocompletebox-focus-ring-color: var(--joy-color-success-500);
|
|
75150
75289
|
}
|
|
75151
75290
|
|
|
75152
|
-
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):
|
|
75291
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75153
75292
|
--autocompletebox-border-color: var(--joy-color-success-500);
|
|
75154
75293
|
}
|
|
75155
75294
|
|
|
75156
|
-
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within)
|
|
75295
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75296
|
+
--autocompletebox-border-color: var(--joy-color-info-500);
|
|
75297
|
+
--autocompletebox-focus-ring-color: var(--joy-color-info-500);
|
|
75298
|
+
}
|
|
75299
|
+
|
|
75300
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75157
75301
|
--autocompletebox-border-color: var(--joy-color-info-500);
|
|
75158
75302
|
}
|
|
75159
75303
|
|
|
75160
|
-
:host([variant="
|
|
75304
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75305
|
+
--autocompletebox-border-color: var(--joy-color-info-500);
|
|
75306
|
+
--autocompletebox-focus-ring-color: var(--joy-color-info-500);
|
|
75307
|
+
}
|
|
75308
|
+
|
|
75309
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75310
|
+
--autocompletebox-border-color: var(--joy-color-info-500);
|
|
75311
|
+
}
|
|
75312
|
+
|
|
75313
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75314
|
+
--autocompletebox-border-color: var(--joy-color-highlight-500);
|
|
75315
|
+
--autocompletebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
75316
|
+
}
|
|
75317
|
+
|
|
75318
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75161
75319
|
--autocompletebox-border-color: var(--joy-color-highlight-500);
|
|
75162
75320
|
}
|
|
75163
75321
|
|
|
75164
|
-
:host([variant="
|
|
75322
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75323
|
+
--autocompletebox-border-color: var(--joy-color-highlight-500);
|
|
75324
|
+
--autocompletebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
75325
|
+
}
|
|
75326
|
+
|
|
75327
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75328
|
+
--autocompletebox-border-color: var(--joy-color-highlight-500);
|
|
75329
|
+
}
|
|
75330
|
+
|
|
75331
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
75332
|
+
--autocompletebox-border-color: var(--joy-color-neutral-500);
|
|
75333
|
+
--autocompletebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
75334
|
+
}
|
|
75335
|
+
|
|
75336
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="popup"] {
|
|
75337
|
+
--autocompletebox-border-color: var(--joy-color-neutral-500);
|
|
75338
|
+
}
|
|
75339
|
+
|
|
75340
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
75341
|
+
--autocompletebox-border-color: var(--joy-color-neutral-500);
|
|
75342
|
+
--autocompletebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
75343
|
+
}
|
|
75344
|
+
|
|
75345
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
75165
75346
|
--autocompletebox-border-color: var(--joy-color-neutral-500);
|
|
75166
75347
|
}
|
|
75167
75348
|
|
|
@@ -77385,38 +77566,47 @@ function QL() {
|
|
|
77385
77566
|
|
|
77386
77567
|
:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77387
77568
|
--calendar-item-background-color: var(--joy-color-primary-200);
|
|
77569
|
+
--calendar-item-focus-ring-color: var(--joy-color-primary-500);
|
|
77388
77570
|
}
|
|
77389
77571
|
|
|
77390
77572
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77391
77573
|
--calendar-item-background-color: var(--joy-color-secondary-200);
|
|
77574
|
+
--calendar-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
77392
77575
|
}
|
|
77393
77576
|
|
|
77394
77577
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77395
77578
|
--calendar-item-background-color: var(--joy-color-tertiary-200);
|
|
77579
|
+
--calendar-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
77396
77580
|
}
|
|
77397
77581
|
|
|
77398
77582
|
:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77399
77583
|
--calendar-item-background-color: var(--joy-color-danger-200);
|
|
77584
|
+
--calendar-item-focus-ring-color: var(--joy-color-danger-500);
|
|
77400
77585
|
}
|
|
77401
77586
|
|
|
77402
77587
|
:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77403
77588
|
--calendar-item-background-color: var(--joy-color-warning-200);
|
|
77589
|
+
--calendar-item-focus-ring-color: var(--joy-color-warning-500);
|
|
77404
77590
|
}
|
|
77405
77591
|
|
|
77406
77592
|
:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77407
77593
|
--calendar-item-background-color: var(--joy-color-success-200);
|
|
77594
|
+
--calendar-item-focus-ring-color: var(--joy-color-success-500);
|
|
77408
77595
|
}
|
|
77409
77596
|
|
|
77410
77597
|
:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77411
77598
|
--calendar-item-background-color: var(--joy-color-info-200);
|
|
77599
|
+
--calendar-item-focus-ring-color: var(--joy-color-info-500);
|
|
77412
77600
|
}
|
|
77413
77601
|
|
|
77414
77602
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77415
77603
|
--calendar-item-background-color: var(--joy-color-highlight-200);
|
|
77604
|
+
--calendar-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
77416
77605
|
}
|
|
77417
77606
|
|
|
77418
77607
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
77419
77608
|
--calendar-item-background-color: var(--joy-color-neutral-200);
|
|
77609
|
+
--calendar-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
77420
77610
|
}
|
|
77421
77611
|
|
|
77422
77612
|
`;
|
|
@@ -84276,6 +84466,8 @@ function yz() {
|
|
|
84276
84466
|
|
|
84277
84467
|
:host([appearance="solid"]) {
|
|
84278
84468
|
--chip-background-color: var(--joy-scheme-highlight);
|
|
84469
|
+
--chip-focus-ring-inward-offset: 0px;
|
|
84470
|
+
--chip-focus-ring-outward-offset: 0px;
|
|
84279
84471
|
}
|
|
84280
84472
|
|
|
84281
84473
|
:host([appearance="outline"]:not([disabled]:not([disabled="false"]))) {
|
|
@@ -84283,6 +84475,7 @@ function yz() {
|
|
|
84283
84475
|
--chip-border-color: var(--joy-color-neutral-500);
|
|
84284
84476
|
--chip-border-width: var(--joy-layout-thickness);
|
|
84285
84477
|
--chip-border-style: solid;
|
|
84478
|
+
--chip-focus-ring-outward-offset: 0px;
|
|
84286
84479
|
}
|
|
84287
84480
|
|
|
84288
84481
|
:host([appearance="outline"][is-checkable]:hover:not([disabled]:not([disabled="false"]))) {
|
|
@@ -84292,6 +84485,7 @@ function yz() {
|
|
|
84292
84485
|
:host([appearance="outline"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
84293
84486
|
--chip-foreground-color: var(--joy-color-primary-500);
|
|
84294
84487
|
--chip-border-color: var(--joy-color-primary-500);
|
|
84488
|
+
--chip-focus-ring-color: var(--joy-color-primary-500);
|
|
84295
84489
|
}
|
|
84296
84490
|
|
|
84297
84491
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="primary"][is-checkable]:hover) {
|
|
@@ -84301,6 +84495,7 @@ function yz() {
|
|
|
84301
84495
|
:host([appearance="outline"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
84302
84496
|
--chip-foreground-color: var(--joy-color-secondary-500);
|
|
84303
84497
|
--chip-border-color: var(--joy-color-secondary-500);
|
|
84498
|
+
--chip-focus-ring-color: var(--joy-color-secondary-500);
|
|
84304
84499
|
}
|
|
84305
84500
|
|
|
84306
84501
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="secondary"][is-checkable]:hover) {
|
|
@@ -84310,6 +84505,7 @@ function yz() {
|
|
|
84310
84505
|
:host([appearance="outline"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
84311
84506
|
--chip-foreground-color: var(--joy-color-tertiary-500);
|
|
84312
84507
|
--chip-border-color: var(--joy-color-tertiary-500);
|
|
84508
|
+
--chip-focus-ring-color: var(--joy-color-tertiary-500);
|
|
84313
84509
|
}
|
|
84314
84510
|
|
|
84315
84511
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="tertiary"][is-checkable]:hover) {
|
|
@@ -84319,6 +84515,7 @@ function yz() {
|
|
|
84319
84515
|
:host([appearance="outline"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
84320
84516
|
--chip-foreground-color: var(--joy-color-danger-500);
|
|
84321
84517
|
--chip-border-color: var(--joy-color-danger-500);
|
|
84518
|
+
--chip-focus-ring-color: var(--joy-color-danger-500);
|
|
84322
84519
|
}
|
|
84323
84520
|
|
|
84324
84521
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="danger"][is-checkable]:hover) {
|
|
@@ -84328,6 +84525,7 @@ function yz() {
|
|
|
84328
84525
|
:host([appearance="outline"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
84329
84526
|
--chip-foreground-color: var(--joy-color-warning-500);
|
|
84330
84527
|
--chip-border-color: var(--joy-color-warning-500);
|
|
84528
|
+
--chip-focus-ring-color: var(--joy-color-warning-500);
|
|
84331
84529
|
}
|
|
84332
84530
|
|
|
84333
84531
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="warning"][is-checkable]:hover) {
|
|
@@ -84337,6 +84535,7 @@ function yz() {
|
|
|
84337
84535
|
:host([appearance="outline"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
84338
84536
|
--chip-foreground-color: var(--joy-color-success-500);
|
|
84339
84537
|
--chip-border-color: var(--joy-color-success-500);
|
|
84538
|
+
--chip-focus-ring-color: var(--joy-color-success-500);
|
|
84340
84539
|
}
|
|
84341
84540
|
|
|
84342
84541
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="success"][is-checkable]:hover) {
|
|
@@ -84346,6 +84545,7 @@ function yz() {
|
|
|
84346
84545
|
:host([appearance="outline"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
84347
84546
|
--chip-foreground-color: var(--joy-color-info-500);
|
|
84348
84547
|
--chip-border-color: var(--joy-color-info-500);
|
|
84548
|
+
--chip-focus-ring-color: var(--joy-color-info-500);
|
|
84349
84549
|
}
|
|
84350
84550
|
|
|
84351
84551
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="info"][is-checkable]:hover) {
|
|
@@ -84355,6 +84555,7 @@ function yz() {
|
|
|
84355
84555
|
:host([appearance="outline"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
84356
84556
|
--chip-foreground-color: var(--joy-color-highlight-500);
|
|
84357
84557
|
--chip-border-color: var(--joy-color-highlight-500);
|
|
84558
|
+
--chip-focus-ring-color: var(--joy-color-highlight-500);
|
|
84358
84559
|
}
|
|
84359
84560
|
|
|
84360
84561
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="highlight"][is-checkable]:hover) {
|
|
@@ -84364,6 +84565,7 @@ function yz() {
|
|
|
84364
84565
|
:host([appearance="outline"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
84365
84566
|
--chip-foreground-color: var(--joy-color-neutral-500);
|
|
84366
84567
|
--chip-border-color: var(--joy-color-neutral-500);
|
|
84568
|
+
--chip-focus-ring-color: var(--joy-color-neutral-500);
|
|
84367
84569
|
}
|
|
84368
84570
|
|
|
84369
84571
|
:host(:not([disabled]:not([disabled="false"]))[appearance="outline"][variant="neutral"][is-checkable]:hover) {
|
|
@@ -84372,6 +84574,8 @@ function yz() {
|
|
|
84372
84574
|
|
|
84373
84575
|
:host([appearance="plain"]) {
|
|
84374
84576
|
--chip-border-width: 0px;
|
|
84577
|
+
--chip-focus-ring-inward-offset: 0px;
|
|
84578
|
+
--chip-focus-ring-outward-offset: 0px;
|
|
84375
84579
|
}
|
|
84376
84580
|
|
|
84377
84581
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
@@ -84381,6 +84585,7 @@ function yz() {
|
|
|
84381
84585
|
:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
84382
84586
|
--chip-foreground-color: var(--joy-color-primary-500);
|
|
84383
84587
|
--chip-border-color: var(--joy-color-primary-500);
|
|
84588
|
+
--chip-focus-ring-color: var(--joy-color-primary-500);
|
|
84384
84589
|
}
|
|
84385
84590
|
|
|
84386
84591
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="primary"][is-checkable]:hover) {
|
|
@@ -84394,6 +84599,7 @@ function yz() {
|
|
|
84394
84599
|
:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
84395
84600
|
--chip-foreground-color: var(--joy-color-secondary-500);
|
|
84396
84601
|
--chip-border-color: var(--joy-color-secondary-500);
|
|
84602
|
+
--chip-focus-ring-color: var(--joy-color-secondary-500);
|
|
84397
84603
|
}
|
|
84398
84604
|
|
|
84399
84605
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="secondary"][is-checkable]:hover) {
|
|
@@ -84407,6 +84613,7 @@ function yz() {
|
|
|
84407
84613
|
:host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
84408
84614
|
--chip-foreground-color: var(--joy-color-tertiary-500);
|
|
84409
84615
|
--chip-border-color: var(--joy-color-tertiary-500);
|
|
84616
|
+
--chip-focus-ring-color: var(--joy-color-tertiary-500);
|
|
84410
84617
|
}
|
|
84411
84618
|
|
|
84412
84619
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="tertiary"][is-checkable]:hover) {
|
|
@@ -84420,6 +84627,7 @@ function yz() {
|
|
|
84420
84627
|
:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
84421
84628
|
--chip-foreground-color: var(--joy-color-danger-500);
|
|
84422
84629
|
--chip-border-color: var(--joy-color-danger-500);
|
|
84630
|
+
--chip-focus-ring-color: var(--joy-color-danger-500);
|
|
84423
84631
|
}
|
|
84424
84632
|
|
|
84425
84633
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="danger"][is-checkable]:hover) {
|
|
@@ -84433,6 +84641,7 @@ function yz() {
|
|
|
84433
84641
|
:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
84434
84642
|
--chip-foreground-color: var(--joy-color-warning-500);
|
|
84435
84643
|
--chip-border-color: var(--joy-color-warning-500);
|
|
84644
|
+
--chip-focus-ring-color: var(--joy-color-warning-500);
|
|
84436
84645
|
}
|
|
84437
84646
|
|
|
84438
84647
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="warning"][is-checkable]:hover) {
|
|
@@ -84446,6 +84655,7 @@ function yz() {
|
|
|
84446
84655
|
:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
84447
84656
|
--chip-foreground-color: var(--joy-color-success-500);
|
|
84448
84657
|
--chip-border-color: var(--joy-color-success-500);
|
|
84658
|
+
--chip-focus-ring-color: var(--joy-color-success-500);
|
|
84449
84659
|
}
|
|
84450
84660
|
|
|
84451
84661
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="success"][is-checkable]:hover) {
|
|
@@ -84459,6 +84669,7 @@ function yz() {
|
|
|
84459
84669
|
:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
84460
84670
|
--chip-foreground-color: var(--joy-color-info-500);
|
|
84461
84671
|
--chip-border-color: var(--joy-color-info-500);
|
|
84672
|
+
--chip-focus-ring-color: var(--joy-color-info-500);
|
|
84462
84673
|
}
|
|
84463
84674
|
|
|
84464
84675
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="info"][is-checkable]:hover) {
|
|
@@ -84472,6 +84683,7 @@ function yz() {
|
|
|
84472
84683
|
:host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
84473
84684
|
--chip-foreground-color: var(--joy-color-highlight-500);
|
|
84474
84685
|
--chip-border-color: var(--joy-color-highlight-500);
|
|
84686
|
+
--chip-focus-ring-color: var(--joy-color-highlight-500);
|
|
84475
84687
|
}
|
|
84476
84688
|
|
|
84477
84689
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="highlight"][is-checkable]:hover) {
|
|
@@ -84485,6 +84697,7 @@ function yz() {
|
|
|
84485
84697
|
:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
84486
84698
|
--chip-foreground-color: var(--joy-color-neutral-500);
|
|
84487
84699
|
--chip-border-color: var(--joy-color-neutral-500);
|
|
84700
|
+
--chip-focus-ring-color: var(--joy-color-neutral-500);
|
|
84488
84701
|
}
|
|
84489
84702
|
|
|
84490
84703
|
:host(:not([disabled]:not([disabled="false"]))[appearance="plain"][variant="neutral"][is-checkable]:hover) {
|
|
@@ -84497,6 +84710,8 @@ function yz() {
|
|
|
84497
84710
|
|
|
84498
84711
|
:host([appearance="soft"]) {
|
|
84499
84712
|
--chip-border-width: 0px;
|
|
84713
|
+
--chip-focus-ring-inward-offset: 0px;
|
|
84714
|
+
--chip-focus-ring-outward-offset: 0px;
|
|
84500
84715
|
}
|
|
84501
84716
|
|
|
84502
84717
|
:host([appearance="soft"]) [part="focusRing"] {
|
|
@@ -84515,6 +84730,7 @@ function yz() {
|
|
|
84515
84730
|
:host([appearance="soft"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
84516
84731
|
--chip-foreground-color: var(--joy-color-primary-500);
|
|
84517
84732
|
--chip-background-color: var(--joy-color-primary-100);
|
|
84733
|
+
--chip-focus-ring-color: var(--joy-color-primary-500);
|
|
84518
84734
|
}
|
|
84519
84735
|
|
|
84520
84736
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="primary"][is-checkable]:hover) {
|
|
@@ -84524,6 +84740,7 @@ function yz() {
|
|
|
84524
84740
|
:host([appearance="soft"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
84525
84741
|
--chip-foreground-color: var(--joy-color-secondary-500);
|
|
84526
84742
|
--chip-background-color: var(--joy-color-secondary-100);
|
|
84743
|
+
--chip-focus-ring-color: var(--joy-color-secondary-500);
|
|
84527
84744
|
}
|
|
84528
84745
|
|
|
84529
84746
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="secondary"][is-checkable]:hover) {
|
|
@@ -84533,6 +84750,7 @@ function yz() {
|
|
|
84533
84750
|
:host([appearance="soft"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
84534
84751
|
--chip-foreground-color: var(--joy-color-tertiary-500);
|
|
84535
84752
|
--chip-background-color: var(--joy-color-tertiary-100);
|
|
84753
|
+
--chip-focus-ring-color: var(--joy-color-tertiary-500);
|
|
84536
84754
|
}
|
|
84537
84755
|
|
|
84538
84756
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="tertiary"][is-checkable]:hover) {
|
|
@@ -84542,6 +84760,7 @@ function yz() {
|
|
|
84542
84760
|
:host([appearance="soft"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
84543
84761
|
--chip-foreground-color: var(--joy-color-danger-500);
|
|
84544
84762
|
--chip-background-color: var(--joy-color-danger-100);
|
|
84763
|
+
--chip-focus-ring-color: var(--joy-color-danger-500);
|
|
84545
84764
|
}
|
|
84546
84765
|
|
|
84547
84766
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="danger"][is-checkable]:hover) {
|
|
@@ -84551,6 +84770,7 @@ function yz() {
|
|
|
84551
84770
|
:host([appearance="soft"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
84552
84771
|
--chip-foreground-color: var(--joy-color-warning-500);
|
|
84553
84772
|
--chip-background-color: var(--joy-color-warning-100);
|
|
84773
|
+
--chip-focus-ring-color: var(--joy-color-warning-500);
|
|
84554
84774
|
}
|
|
84555
84775
|
|
|
84556
84776
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="warning"][is-checkable]:hover) {
|
|
@@ -84560,6 +84780,7 @@ function yz() {
|
|
|
84560
84780
|
:host([appearance="soft"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
84561
84781
|
--chip-foreground-color: var(--joy-color-success-500);
|
|
84562
84782
|
--chip-background-color: var(--joy-color-success-100);
|
|
84783
|
+
--chip-focus-ring-color: var(--joy-color-success-500);
|
|
84563
84784
|
}
|
|
84564
84785
|
|
|
84565
84786
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="success"][is-checkable]:hover) {
|
|
@@ -84569,6 +84790,7 @@ function yz() {
|
|
|
84569
84790
|
:host([appearance="soft"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
84570
84791
|
--chip-foreground-color: var(--joy-color-info-500);
|
|
84571
84792
|
--chip-background-color: var(--joy-color-info-100);
|
|
84793
|
+
--chip-focus-ring-color: var(--joy-color-info-500);
|
|
84572
84794
|
}
|
|
84573
84795
|
|
|
84574
84796
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="info"][is-checkable]:hover) {
|
|
@@ -84578,6 +84800,7 @@ function yz() {
|
|
|
84578
84800
|
:host([appearance="soft"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
84579
84801
|
--chip-foreground-color: var(--joy-color-highlight-500);
|
|
84580
84802
|
--chip-background-color: var(--joy-color-highlight-100);
|
|
84803
|
+
--chip-focus-ring-color: var(--joy-color-highlight-500);
|
|
84581
84804
|
}
|
|
84582
84805
|
|
|
84583
84806
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="highlight"][is-checkable]:hover) {
|
|
@@ -84587,6 +84810,7 @@ function yz() {
|
|
|
84587
84810
|
:host([appearance="soft"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
84588
84811
|
--chip-foreground-color: var(--joy-color-neutral-500);
|
|
84589
84812
|
--chip-background-color: var(--joy-color-neutral-100);
|
|
84813
|
+
--chip-focus-ring-color: var(--joy-color-neutral-500);
|
|
84590
84814
|
}
|
|
84591
84815
|
|
|
84592
84816
|
:host(:not([disabled]:not([disabled="false"]))[appearance="soft"][variant="neutral"][is-checkable]:hover) {
|
|
@@ -84596,6 +84820,7 @@ function yz() {
|
|
|
84596
84820
|
:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
84597
84821
|
--chip-foreground-color: var(--joy-color-primary-500);
|
|
84598
84822
|
--chip-border-color: var(--joy-color-primary-500);
|
|
84823
|
+
--chip-focus-ring-color: var(--joy-color-primary-500);
|
|
84599
84824
|
}
|
|
84600
84825
|
|
|
84601
84826
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="primary"][is-checkable]:hover) {
|
|
@@ -84605,6 +84830,7 @@ function yz() {
|
|
|
84605
84830
|
:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
84606
84831
|
--chip-background-color: var(--joy-color-primary-500);
|
|
84607
84832
|
--chip-foreground-color: var(--joy-color-primary-0);
|
|
84833
|
+
--chip-focus-ring-color: var(--joy-color-primary-500);
|
|
84608
84834
|
}
|
|
84609
84835
|
|
|
84610
84836
|
:host([appearance="solid"][variant="primary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84614,6 +84840,7 @@ function yz() {
|
|
|
84614
84840
|
:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
84615
84841
|
--chip-foreground-color: var(--joy-color-secondary-500);
|
|
84616
84842
|
--chip-border-color: var(--joy-color-secondary-500);
|
|
84843
|
+
--chip-focus-ring-color: var(--joy-color-secondary-500);
|
|
84617
84844
|
}
|
|
84618
84845
|
|
|
84619
84846
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="secondary"][is-checkable]:hover) {
|
|
@@ -84623,6 +84850,7 @@ function yz() {
|
|
|
84623
84850
|
:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
84624
84851
|
--chip-background-color: var(--joy-color-secondary-500);
|
|
84625
84852
|
--chip-foreground-color: var(--joy-color-secondary-0);
|
|
84853
|
+
--chip-focus-ring-color: var(--joy-color-secondary-500);
|
|
84626
84854
|
}
|
|
84627
84855
|
|
|
84628
84856
|
:host([appearance="solid"][variant="secondary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84632,6 +84860,7 @@ function yz() {
|
|
|
84632
84860
|
:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
84633
84861
|
--chip-foreground-color: var(--joy-color-tertiary-500);
|
|
84634
84862
|
--chip-border-color: var(--joy-color-tertiary-500);
|
|
84863
|
+
--chip-focus-ring-color: var(--joy-color-tertiary-500);
|
|
84635
84864
|
}
|
|
84636
84865
|
|
|
84637
84866
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="tertiary"][is-checkable]:hover) {
|
|
@@ -84641,6 +84870,7 @@ function yz() {
|
|
|
84641
84870
|
:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
84642
84871
|
--chip-background-color: var(--joy-color-tertiary-500);
|
|
84643
84872
|
--chip-foreground-color: var(--joy-color-tertiary-0);
|
|
84873
|
+
--chip-focus-ring-color: var(--joy-color-tertiary-500);
|
|
84644
84874
|
}
|
|
84645
84875
|
|
|
84646
84876
|
:host([appearance="solid"][variant="tertiary"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84650,6 +84880,7 @@ function yz() {
|
|
|
84650
84880
|
:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
84651
84881
|
--chip-foreground-color: var(--joy-color-danger-500);
|
|
84652
84882
|
--chip-border-color: var(--joy-color-danger-500);
|
|
84883
|
+
--chip-focus-ring-color: var(--joy-color-danger-500);
|
|
84653
84884
|
}
|
|
84654
84885
|
|
|
84655
84886
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="danger"][is-checkable]:hover) {
|
|
@@ -84659,6 +84890,7 @@ function yz() {
|
|
|
84659
84890
|
:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
84660
84891
|
--chip-background-color: var(--joy-color-danger-500);
|
|
84661
84892
|
--chip-foreground-color: var(--joy-color-danger-0);
|
|
84893
|
+
--chip-focus-ring-color: var(--joy-color-danger-500);
|
|
84662
84894
|
}
|
|
84663
84895
|
|
|
84664
84896
|
:host([appearance="solid"][variant="danger"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84668,6 +84900,7 @@ function yz() {
|
|
|
84668
84900
|
:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
84669
84901
|
--chip-foreground-color: var(--joy-color-warning-500);
|
|
84670
84902
|
--chip-border-color: var(--joy-color-warning-500);
|
|
84903
|
+
--chip-focus-ring-color: var(--joy-color-warning-500);
|
|
84671
84904
|
}
|
|
84672
84905
|
|
|
84673
84906
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="warning"][is-checkable]:hover) {
|
|
@@ -84677,6 +84910,7 @@ function yz() {
|
|
|
84677
84910
|
:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
84678
84911
|
--chip-background-color: var(--joy-color-warning-500);
|
|
84679
84912
|
--chip-foreground-color: var(--joy-color-warning-0);
|
|
84913
|
+
--chip-focus-ring-color: var(--joy-color-warning-500);
|
|
84680
84914
|
}
|
|
84681
84915
|
|
|
84682
84916
|
:host([appearance="solid"][variant="warning"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84686,6 +84920,7 @@ function yz() {
|
|
|
84686
84920
|
:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
84687
84921
|
--chip-foreground-color: var(--joy-color-success-500);
|
|
84688
84922
|
--chip-border-color: var(--joy-color-success-500);
|
|
84923
|
+
--chip-focus-ring-color: var(--joy-color-success-500);
|
|
84689
84924
|
}
|
|
84690
84925
|
|
|
84691
84926
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="success"][is-checkable]:hover) {
|
|
@@ -84695,6 +84930,7 @@ function yz() {
|
|
|
84695
84930
|
:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
84696
84931
|
--chip-background-color: var(--joy-color-success-500);
|
|
84697
84932
|
--chip-foreground-color: var(--joy-color-success-0);
|
|
84933
|
+
--chip-focus-ring-color: var(--joy-color-success-500);
|
|
84698
84934
|
}
|
|
84699
84935
|
|
|
84700
84936
|
:host([appearance="solid"][variant="success"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84704,6 +84940,7 @@ function yz() {
|
|
|
84704
84940
|
:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
84705
84941
|
--chip-foreground-color: var(--joy-color-info-500);
|
|
84706
84942
|
--chip-border-color: var(--joy-color-info-500);
|
|
84943
|
+
--chip-focus-ring-color: var(--joy-color-info-500);
|
|
84707
84944
|
}
|
|
84708
84945
|
|
|
84709
84946
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="info"][is-checkable]:hover) {
|
|
@@ -84713,6 +84950,7 @@ function yz() {
|
|
|
84713
84950
|
:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
84714
84951
|
--chip-background-color: var(--joy-color-info-500);
|
|
84715
84952
|
--chip-foreground-color: var(--joy-color-info-0);
|
|
84953
|
+
--chip-focus-ring-color: var(--joy-color-info-500);
|
|
84716
84954
|
}
|
|
84717
84955
|
|
|
84718
84956
|
:host([appearance="solid"][variant="info"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84722,6 +84960,7 @@ function yz() {
|
|
|
84722
84960
|
:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
84723
84961
|
--chip-foreground-color: var(--joy-color-highlight-500);
|
|
84724
84962
|
--chip-border-color: var(--joy-color-highlight-500);
|
|
84963
|
+
--chip-focus-ring-color: var(--joy-color-highlight-500);
|
|
84725
84964
|
}
|
|
84726
84965
|
|
|
84727
84966
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="highlight"][is-checkable]:hover) {
|
|
@@ -84731,6 +84970,7 @@ function yz() {
|
|
|
84731
84970
|
:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
84732
84971
|
--chip-background-color: var(--joy-color-highlight-500);
|
|
84733
84972
|
--chip-foreground-color: var(--joy-color-highlight-0);
|
|
84973
|
+
--chip-focus-ring-color: var(--joy-color-highlight-500);
|
|
84734
84974
|
}
|
|
84735
84975
|
|
|
84736
84976
|
:host([appearance="solid"][variant="highlight"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -84740,6 +84980,7 @@ function yz() {
|
|
|
84740
84980
|
:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
84741
84981
|
--chip-foreground-color: var(--joy-color-neutral-500);
|
|
84742
84982
|
--chip-border-color: var(--joy-color-neutral-500);
|
|
84983
|
+
--chip-focus-ring-color: var(--joy-color-neutral-500);
|
|
84743
84984
|
}
|
|
84744
84985
|
|
|
84745
84986
|
:host(:not([disabled]:not([disabled="false"]))[appearance="solid"][variant="neutral"][is-checkable]:hover) {
|
|
@@ -84749,6 +84990,7 @@ function yz() {
|
|
|
84749
84990
|
:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
84750
84991
|
--chip-background-color: var(--joy-color-neutral-500);
|
|
84751
84992
|
--chip-foreground-color: var(--joy-color-neutral-0);
|
|
84993
|
+
--chip-focus-ring-color: var(--joy-color-neutral-500);
|
|
84752
84994
|
}
|
|
84753
84995
|
|
|
84754
84996
|
:host([appearance="solid"][variant="neutral"][is-checkable]:not([disabled]:not([disabled="false"])):hover) {
|
|
@@ -85167,6 +85409,9 @@ function Tz() {
|
|
|
85167
85409
|
--chipbox-border-radius: unset;
|
|
85168
85410
|
--chipbox-border-style: unset;
|
|
85169
85411
|
--chipbox-border-width: unset;
|
|
85412
|
+
--chipbox-focus-ring-active-width: 8px;
|
|
85413
|
+
--chipbox-focus-ring-color: unset;
|
|
85414
|
+
--chipbox-focus-ring-inward-offset: 2px;
|
|
85170
85415
|
--chipbox-focus-ring-outward-offset: 0px;
|
|
85171
85416
|
--chipbox-focus-ring-width: 0px;
|
|
85172
85417
|
--chipbox-font-family: var(--cosmopolitan-font-family);
|
|
@@ -85266,6 +85511,13 @@ function Tz() {
|
|
|
85266
85511
|
display: flex;
|
|
85267
85512
|
}
|
|
85268
85513
|
|
|
85514
|
+
:host [part="focusRing"] {
|
|
85515
|
+
--focus-ring-color: var(--chipbox-focus-ring-color);
|
|
85516
|
+
--focus-ring-active-width: var(--chipbox-focus-ring-active-width);
|
|
85517
|
+
--focus-ring-inward-offset: var(--chipbox-focus-ring-inward-offset);
|
|
85518
|
+
--focus-ring-outward-offset: var(--chipbox-focus-ring-outward-offset);
|
|
85519
|
+
}
|
|
85520
|
+
|
|
85269
85521
|
:host [part="input"] {
|
|
85270
85522
|
transition-duration: inherit;
|
|
85271
85523
|
transition-timing-function: inherit;
|
|
@@ -85384,6 +85636,9 @@ function Ez() {
|
|
|
85384
85636
|
--chipbox-border-radius: var(--joy-layout-radius);
|
|
85385
85637
|
--chipbox-border-style: solid;
|
|
85386
85638
|
--chipbox-border-width: var(--joy-layout-thickness);
|
|
85639
|
+
--chipbox-focus-ring-active-width: 8px;
|
|
85640
|
+
--chipbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
85641
|
+
--chipbox-focus-ring-inward-offset: 2px;
|
|
85387
85642
|
--chipbox-focus-ring-outward-offset: 0px;
|
|
85388
85643
|
--chipbox-focus-ring-width: 0px;
|
|
85389
85644
|
--chipbox-font-family: var(--joy-font-family);
|
|
@@ -85483,6 +85738,13 @@ function Ez() {
|
|
|
85483
85738
|
display: flex;
|
|
85484
85739
|
}
|
|
85485
85740
|
|
|
85741
|
+
:host [part="focusRing"] {
|
|
85742
|
+
--focus-ring-color: var(--chipbox-focus-ring-color);
|
|
85743
|
+
--focus-ring-active-width: var(--chipbox-focus-ring-active-width);
|
|
85744
|
+
--focus-ring-inward-offset: var(--chipbox-focus-ring-inward-offset);
|
|
85745
|
+
--focus-ring-outward-offset: var(--chipbox-focus-ring-outward-offset);
|
|
85746
|
+
}
|
|
85747
|
+
|
|
85486
85748
|
:host [part="input"] {
|
|
85487
85749
|
transition-duration: inherit;
|
|
85488
85750
|
transition-timing-function: inherit;
|
|
@@ -85632,6 +85894,8 @@ function Ez() {
|
|
|
85632
85894
|
:host([appearance="plain"]) {
|
|
85633
85895
|
--chipbox-border-width: 0;
|
|
85634
85896
|
--chipbox-background-color: var(--joy-scheme-transparent);
|
|
85897
|
+
--chipbox-focus-ring-inward-offset: 0px;
|
|
85898
|
+
--chipbox-focus-ring-outward-offset: 0px;
|
|
85635
85899
|
}
|
|
85636
85900
|
|
|
85637
85901
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
@@ -85640,10 +85904,13 @@ function Ez() {
|
|
|
85640
85904
|
|
|
85641
85905
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
85642
85906
|
--chipbox-background-color: var(--joy-scheme-highlight);
|
|
85907
|
+
--chipbox-focus-ring-inward-offset: 0px;
|
|
85908
|
+
--chipbox-focus-ring-outward-offset: 0px;
|
|
85643
85909
|
}
|
|
85644
85910
|
|
|
85645
85911
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85646
85912
|
--chipbox-border-color: var(--joy-color-primary-500);
|
|
85913
|
+
--chipbox-focus-ring-color: var(--joy-color-primary-500);
|
|
85647
85914
|
}
|
|
85648
85915
|
|
|
85649
85916
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85652,6 +85919,7 @@ function Ez() {
|
|
|
85652
85919
|
|
|
85653
85920
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85654
85921
|
--chipbox-border-color: var(--joy-color-primary-500);
|
|
85922
|
+
--chipbox-focus-ring-color: var(--joy-color-primary-500);
|
|
85655
85923
|
}
|
|
85656
85924
|
|
|
85657
85925
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85660,6 +85928,7 @@ function Ez() {
|
|
|
85660
85928
|
|
|
85661
85929
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85662
85930
|
--chipbox-border-color: var(--joy-color-secondary-500);
|
|
85931
|
+
--chipbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
85663
85932
|
}
|
|
85664
85933
|
|
|
85665
85934
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85668,6 +85937,7 @@ function Ez() {
|
|
|
85668
85937
|
|
|
85669
85938
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85670
85939
|
--chipbox-border-color: var(--joy-color-secondary-500);
|
|
85940
|
+
--chipbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
85671
85941
|
}
|
|
85672
85942
|
|
|
85673
85943
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85676,6 +85946,7 @@ function Ez() {
|
|
|
85676
85946
|
|
|
85677
85947
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85678
85948
|
--chipbox-border-color: var(--joy-color-tertiary-500);
|
|
85949
|
+
--chipbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
85679
85950
|
}
|
|
85680
85951
|
|
|
85681
85952
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85684,6 +85955,7 @@ function Ez() {
|
|
|
85684
85955
|
|
|
85685
85956
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85686
85957
|
--chipbox-border-color: var(--joy-color-tertiary-500);
|
|
85958
|
+
--chipbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
85687
85959
|
}
|
|
85688
85960
|
|
|
85689
85961
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85692,6 +85964,7 @@ function Ez() {
|
|
|
85692
85964
|
|
|
85693
85965
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85694
85966
|
--chipbox-border-color: var(--joy-color-danger-500);
|
|
85967
|
+
--chipbox-focus-ring-color: var(--joy-color-danger-500);
|
|
85695
85968
|
}
|
|
85696
85969
|
|
|
85697
85970
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85700,6 +85973,7 @@ function Ez() {
|
|
|
85700
85973
|
|
|
85701
85974
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85702
85975
|
--chipbox-border-color: var(--joy-color-danger-500);
|
|
85976
|
+
--chipbox-focus-ring-color: var(--joy-color-danger-500);
|
|
85703
85977
|
}
|
|
85704
85978
|
|
|
85705
85979
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85708,6 +85982,7 @@ function Ez() {
|
|
|
85708
85982
|
|
|
85709
85983
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85710
85984
|
--chipbox-border-color: var(--joy-color-warning-500);
|
|
85985
|
+
--chipbox-focus-ring-color: var(--joy-color-warning-500);
|
|
85711
85986
|
}
|
|
85712
85987
|
|
|
85713
85988
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85716,6 +85991,7 @@ function Ez() {
|
|
|
85716
85991
|
|
|
85717
85992
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85718
85993
|
--chipbox-border-color: var(--joy-color-warning-500);
|
|
85994
|
+
--chipbox-focus-ring-color: var(--joy-color-warning-500);
|
|
85719
85995
|
}
|
|
85720
85996
|
|
|
85721
85997
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85724,6 +86000,7 @@ function Ez() {
|
|
|
85724
86000
|
|
|
85725
86001
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85726
86002
|
--chipbox-border-color: var(--joy-color-success-500);
|
|
86003
|
+
--chipbox-focus-ring-color: var(--joy-color-success-500);
|
|
85727
86004
|
}
|
|
85728
86005
|
|
|
85729
86006
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85732,6 +86009,7 @@ function Ez() {
|
|
|
85732
86009
|
|
|
85733
86010
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85734
86011
|
--chipbox-border-color: var(--joy-color-success-500);
|
|
86012
|
+
--chipbox-focus-ring-color: var(--joy-color-success-500);
|
|
85735
86013
|
}
|
|
85736
86014
|
|
|
85737
86015
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85740,6 +86018,7 @@ function Ez() {
|
|
|
85740
86018
|
|
|
85741
86019
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85742
86020
|
--chipbox-border-color: var(--joy-color-info-500);
|
|
86021
|
+
--chipbox-focus-ring-color: var(--joy-color-info-500);
|
|
85743
86022
|
}
|
|
85744
86023
|
|
|
85745
86024
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85748,6 +86027,7 @@ function Ez() {
|
|
|
85748
86027
|
|
|
85749
86028
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85750
86029
|
--chipbox-border-color: var(--joy-color-info-500);
|
|
86030
|
+
--chipbox-focus-ring-color: var(--joy-color-info-500);
|
|
85751
86031
|
}
|
|
85752
86032
|
|
|
85753
86033
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85756,6 +86036,7 @@ function Ez() {
|
|
|
85756
86036
|
|
|
85757
86037
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85758
86038
|
--chipbox-border-color: var(--joy-color-highlight-500);
|
|
86039
|
+
--chipbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
85759
86040
|
}
|
|
85760
86041
|
|
|
85761
86042
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85764,6 +86045,7 @@ function Ez() {
|
|
|
85764
86045
|
|
|
85765
86046
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85766
86047
|
--chipbox-border-color: var(--joy-color-highlight-500);
|
|
86048
|
+
--chipbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
85767
86049
|
}
|
|
85768
86050
|
|
|
85769
86051
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85772,6 +86054,7 @@ function Ez() {
|
|
|
85772
86054
|
|
|
85773
86055
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
85774
86056
|
--chipbox-border-color: var(--joy-color-neutral-500);
|
|
86057
|
+
--chipbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
85775
86058
|
}
|
|
85776
86059
|
|
|
85777
86060
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -85780,6 +86063,7 @@ function Ez() {
|
|
|
85780
86063
|
|
|
85781
86064
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
85782
86065
|
--chipbox-border-color: var(--joy-color-neutral-500);
|
|
86066
|
+
--chipbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
85783
86067
|
}
|
|
85784
86068
|
|
|
85785
86069
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -85798,6 +86082,9 @@ function Dz() {
|
|
|
85798
86082
|
--chipbox-border-radius: var(--memphis-layout-radius);
|
|
85799
86083
|
--chipbox-border-style: solid;
|
|
85800
86084
|
--chipbox-border-width: var(--memphis-layout-thickness);
|
|
86085
|
+
--chipbox-focus-ring-active-width: 8px;
|
|
86086
|
+
--chipbox-focus-ring-color: unset;
|
|
86087
|
+
--chipbox-focus-ring-inward-offset: 2px;
|
|
85801
86088
|
--chipbox-focus-ring-outward-offset: 0px;
|
|
85802
86089
|
--chipbox-focus-ring-width: 0px;
|
|
85803
86090
|
--chipbox-font-family: var(--memphis-font-family);
|
|
@@ -85897,6 +86184,13 @@ function Dz() {
|
|
|
85897
86184
|
display: flex;
|
|
85898
86185
|
}
|
|
85899
86186
|
|
|
86187
|
+
:host [part="focusRing"] {
|
|
86188
|
+
--focus-ring-color: var(--chipbox-focus-ring-color);
|
|
86189
|
+
--focus-ring-active-width: var(--chipbox-focus-ring-active-width);
|
|
86190
|
+
--focus-ring-inward-offset: var(--chipbox-focus-ring-inward-offset);
|
|
86191
|
+
--focus-ring-outward-offset: var(--chipbox-focus-ring-outward-offset);
|
|
86192
|
+
}
|
|
86193
|
+
|
|
85900
86194
|
:host [part="input"] {
|
|
85901
86195
|
transition-duration: inherit;
|
|
85902
86196
|
transition-timing-function: inherit;
|
|
@@ -86585,7 +86879,7 @@ function Fz() {
|
|
|
86585
86879
|
--choice-border-width: var(--joy-layout-thickness);
|
|
86586
86880
|
--choice-checkmark-border-radius: calc(var(--joy-layout-radius) / 2);
|
|
86587
86881
|
--choice-focus-ring-border-radius: calc(var(--joy-layout-radius) * 1.5);
|
|
86588
|
-
--choice-focus-ring-color: var(--joy-
|
|
86882
|
+
--choice-focus-ring-color: var(--joy-scheme-highlight);
|
|
86589
86883
|
--choice-focus-ring-outward-offset: calc(var(--joy-layout-space) / 2);
|
|
86590
86884
|
--choice-font-family: var(--joy-font-family);
|
|
86591
86885
|
--choice-font-letter-spacing: var(--joy-typography-body1-letter-spacing);
|
|
@@ -87983,7 +88277,7 @@ function oB() {
|
|
|
87983
88277
|
--color-editor-alpha-slider-border-width: 0;
|
|
87984
88278
|
--color-editor-alpha-slider-checkerboard-size: 8px;
|
|
87985
88279
|
--color-editor-alpha-slider-focus-ring-active-width: 8px;
|
|
87986
|
-
--color-editor-alpha-slider-focus-ring-color: var(--joy-
|
|
88280
|
+
--color-editor-alpha-slider-focus-ring-color: var(--joy-scheme-highlight);
|
|
87987
88281
|
--color-editor-alpha-slider-focus-ring-inward-offset: 2px;
|
|
87988
88282
|
--color-editor-alpha-slider-focus-ring-outward-offset: 2px;
|
|
87989
88283
|
--color-editor-alpha-slider-font-family: unset;
|
|
@@ -88497,7 +88791,7 @@ function pB() {
|
|
|
88497
88791
|
--color-editor-area-border-style: none;
|
|
88498
88792
|
--color-editor-area-border-width: 0;
|
|
88499
88793
|
--color-editor-area-focus-ring-active-width: 8px;
|
|
88500
|
-
--color-editor-area-focus-ring-color: var(--joy-
|
|
88794
|
+
--color-editor-area-focus-ring-color: var(--joy-scheme-highlight);
|
|
88501
88795
|
--color-editor-area-focus-ring-inward-offset: 2px;
|
|
88502
88796
|
--color-editor-area-focus-ring-outward-offset: 2px;
|
|
88503
88797
|
--color-editor-area-font-family: unset;
|
|
@@ -89072,7 +89366,7 @@ function xB() {
|
|
|
89072
89366
|
--color-editor-hue-slider-border-style: none;
|
|
89073
89367
|
--color-editor-hue-slider-border-width: 0;
|
|
89074
89368
|
--color-editor-hue-slider-focus-ring-active-width: 8px;
|
|
89075
|
-
--color-editor-hue-slider-focus-ring-color: var(--joy-
|
|
89369
|
+
--color-editor-hue-slider-focus-ring-color: var(--joy-scheme-highlight);
|
|
89076
89370
|
--color-editor-hue-slider-focus-ring-inward-offset: 2px;
|
|
89077
89371
|
--color-editor-hue-slider-focus-ring-outward-offset: 2px;
|
|
89078
89372
|
--color-editor-hue-slider-font-family: unset;
|
|
@@ -90174,6 +90468,9 @@ function BB() {
|
|
|
90174
90468
|
--numberbox-border-radius: unset;
|
|
90175
90469
|
--numberbox-border-style: unset;
|
|
90176
90470
|
--numberbox-border-width: unset;
|
|
90471
|
+
--numberbox-focus-ring-active-width: 8px;
|
|
90472
|
+
--numberbox-focus-ring-color: unset;
|
|
90473
|
+
--numberbox-focus-ring-inward-offset: 2px;
|
|
90177
90474
|
--numberbox-focus-ring-outward-offset: unset;
|
|
90178
90475
|
--numberbox-font-family: var(--cosmopolitan-font-family);
|
|
90179
90476
|
--numberbox-font-letter-spacing: unset;
|
|
@@ -90279,6 +90576,13 @@ function BB() {
|
|
|
90279
90576
|
display: flex;
|
|
90280
90577
|
}
|
|
90281
90578
|
|
|
90579
|
+
:host [part="focusRing"] {
|
|
90580
|
+
--focus-ring-color: var(--numberbox-focus-ring-color);
|
|
90581
|
+
--focus-ring-active-width: var(--numberbox-focus-ring-active-width);
|
|
90582
|
+
--focus-ring-inward-offset: var(--numberbox-focus-ring-inward-offset);
|
|
90583
|
+
--focus-ring-outward-offset: var(--numberbox-focus-ring-outward-offset);
|
|
90584
|
+
}
|
|
90585
|
+
|
|
90282
90586
|
:host [part="prefix"] {
|
|
90283
90587
|
gap: var(--numberbox-gap);
|
|
90284
90588
|
flex-grow: 0;
|
|
@@ -90405,6 +90709,11 @@ function VB() {
|
|
|
90405
90709
|
--numberbox-border-radius: var(--joy-layout-radius);
|
|
90406
90710
|
--numberbox-border-style: solid;
|
|
90407
90711
|
--numberbox-border-width: var(--joy-layout-thickness);
|
|
90712
|
+
--numberbox-focus-ring-active-width: 8px;
|
|
90713
|
+
--numberbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
90714
|
+
--numberbox-focus-ring-inward-offset: 2px;
|
|
90715
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90716
|
+
--numberbox-focus-ring-width: 0px;
|
|
90408
90717
|
--numberbox-font-family: var(--joy-font-family);
|
|
90409
90718
|
--numberbox-font-letter-spacing: unset;
|
|
90410
90719
|
--numberbox-font-line-height: unset;
|
|
@@ -90509,6 +90818,13 @@ function VB() {
|
|
|
90509
90818
|
display: flex;
|
|
90510
90819
|
}
|
|
90511
90820
|
|
|
90821
|
+
:host [part="focusRing"] {
|
|
90822
|
+
--focus-ring-color: var(--numberbox-focus-ring-color);
|
|
90823
|
+
--focus-ring-active-width: var(--numberbox-focus-ring-active-width);
|
|
90824
|
+
--focus-ring-inward-offset: var(--numberbox-focus-ring-inward-offset);
|
|
90825
|
+
--focus-ring-outward-offset: var(--numberbox-focus-ring-outward-offset);
|
|
90826
|
+
}
|
|
90827
|
+
|
|
90512
90828
|
:host [part="prefix"] {
|
|
90513
90829
|
gap: var(--numberbox-gap);
|
|
90514
90830
|
flex-grow: 0;
|
|
@@ -90657,10 +90973,13 @@ function VB() {
|
|
|
90657
90973
|
:host([appearance="plain"]) {
|
|
90658
90974
|
--numberbox-border-width: 0;
|
|
90659
90975
|
--numberbox-background-color: var(--joy-scheme-transparent);
|
|
90976
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
90977
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90660
90978
|
}
|
|
90661
90979
|
|
|
90662
90980
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90663
90981
|
--numberbox-border-color: var(--joy-color-primary-500);
|
|
90982
|
+
--numberbox-focus-ring-color: var(--joy-color-primary-500);
|
|
90664
90983
|
}
|
|
90665
90984
|
|
|
90666
90985
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90669,6 +90988,7 @@ function VB() {
|
|
|
90669
90988
|
|
|
90670
90989
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90671
90990
|
--numberbox-border-color: var(--joy-color-primary-500);
|
|
90991
|
+
--numberbox-focus-ring-color: var(--joy-color-primary-500);
|
|
90672
90992
|
}
|
|
90673
90993
|
|
|
90674
90994
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90677,10 +90997,13 @@ function VB() {
|
|
|
90677
90997
|
|
|
90678
90998
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90679
90999
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91000
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91001
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90680
91002
|
}
|
|
90681
91003
|
|
|
90682
91004
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90683
91005
|
--numberbox-border-color: var(--joy-color-secondary-500);
|
|
91006
|
+
--numberbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
90684
91007
|
}
|
|
90685
91008
|
|
|
90686
91009
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90689,6 +91012,7 @@ function VB() {
|
|
|
90689
91012
|
|
|
90690
91013
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90691
91014
|
--numberbox-border-color: var(--joy-color-secondary-500);
|
|
91015
|
+
--numberbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
90692
91016
|
}
|
|
90693
91017
|
|
|
90694
91018
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90697,10 +91021,13 @@ function VB() {
|
|
|
90697
91021
|
|
|
90698
91022
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90699
91023
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91024
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91025
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90700
91026
|
}
|
|
90701
91027
|
|
|
90702
91028
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90703
91029
|
--numberbox-border-color: var(--joy-color-tertiary-500);
|
|
91030
|
+
--numberbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
90704
91031
|
}
|
|
90705
91032
|
|
|
90706
91033
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90709,6 +91036,7 @@ function VB() {
|
|
|
90709
91036
|
|
|
90710
91037
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90711
91038
|
--numberbox-border-color: var(--joy-color-tertiary-500);
|
|
91039
|
+
--numberbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
90712
91040
|
}
|
|
90713
91041
|
|
|
90714
91042
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90717,10 +91045,13 @@ function VB() {
|
|
|
90717
91045
|
|
|
90718
91046
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90719
91047
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91048
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91049
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90720
91050
|
}
|
|
90721
91051
|
|
|
90722
91052
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90723
91053
|
--numberbox-border-color: var(--joy-color-danger-500);
|
|
91054
|
+
--numberbox-focus-ring-color: var(--joy-color-danger-500);
|
|
90724
91055
|
}
|
|
90725
91056
|
|
|
90726
91057
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90729,6 +91060,7 @@ function VB() {
|
|
|
90729
91060
|
|
|
90730
91061
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90731
91062
|
--numberbox-border-color: var(--joy-color-danger-500);
|
|
91063
|
+
--numberbox-focus-ring-color: var(--joy-color-danger-500);
|
|
90732
91064
|
}
|
|
90733
91065
|
|
|
90734
91066
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90737,10 +91069,13 @@ function VB() {
|
|
|
90737
91069
|
|
|
90738
91070
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90739
91071
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91072
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91073
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90740
91074
|
}
|
|
90741
91075
|
|
|
90742
91076
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90743
91077
|
--numberbox-border-color: var(--joy-color-warning-500);
|
|
91078
|
+
--numberbox-focus-ring-color: var(--joy-color-warning-500);
|
|
90744
91079
|
}
|
|
90745
91080
|
|
|
90746
91081
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90749,6 +91084,7 @@ function VB() {
|
|
|
90749
91084
|
|
|
90750
91085
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90751
91086
|
--numberbox-border-color: var(--joy-color-warning-500);
|
|
91087
|
+
--numberbox-focus-ring-color: var(--joy-color-warning-500);
|
|
90752
91088
|
}
|
|
90753
91089
|
|
|
90754
91090
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90757,10 +91093,13 @@ function VB() {
|
|
|
90757
91093
|
|
|
90758
91094
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90759
91095
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91096
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91097
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90760
91098
|
}
|
|
90761
91099
|
|
|
90762
91100
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90763
91101
|
--numberbox-border-color: var(--joy-color-success-500);
|
|
91102
|
+
--numberbox-focus-ring-color: var(--joy-color-success-500);
|
|
90764
91103
|
}
|
|
90765
91104
|
|
|
90766
91105
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90769,6 +91108,7 @@ function VB() {
|
|
|
90769
91108
|
|
|
90770
91109
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90771
91110
|
--numberbox-border-color: var(--joy-color-success-500);
|
|
91111
|
+
--numberbox-focus-ring-color: var(--joy-color-success-500);
|
|
90772
91112
|
}
|
|
90773
91113
|
|
|
90774
91114
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90777,10 +91117,13 @@ function VB() {
|
|
|
90777
91117
|
|
|
90778
91118
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90779
91119
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91120
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91121
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90780
91122
|
}
|
|
90781
91123
|
|
|
90782
91124
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90783
91125
|
--numberbox-border-color: var(--joy-color-info-500);
|
|
91126
|
+
--numberbox-focus-ring-color: var(--joy-color-info-500);
|
|
90784
91127
|
}
|
|
90785
91128
|
|
|
90786
91129
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90789,6 +91132,7 @@ function VB() {
|
|
|
90789
91132
|
|
|
90790
91133
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90791
91134
|
--numberbox-border-color: var(--joy-color-info-500);
|
|
91135
|
+
--numberbox-focus-ring-color: var(--joy-color-info-500);
|
|
90792
91136
|
}
|
|
90793
91137
|
|
|
90794
91138
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90797,10 +91141,13 @@ function VB() {
|
|
|
90797
91141
|
|
|
90798
91142
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90799
91143
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91144
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91145
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90800
91146
|
}
|
|
90801
91147
|
|
|
90802
91148
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90803
91149
|
--numberbox-border-color: var(--joy-color-highlight-500);
|
|
91150
|
+
--numberbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
90804
91151
|
}
|
|
90805
91152
|
|
|
90806
91153
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90809,6 +91156,7 @@ function VB() {
|
|
|
90809
91156
|
|
|
90810
91157
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90811
91158
|
--numberbox-border-color: var(--joy-color-highlight-500);
|
|
91159
|
+
--numberbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
90812
91160
|
}
|
|
90813
91161
|
|
|
90814
91162
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90817,10 +91165,13 @@ function VB() {
|
|
|
90817
91165
|
|
|
90818
91166
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90819
91167
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91168
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91169
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90820
91170
|
}
|
|
90821
91171
|
|
|
90822
91172
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
90823
91173
|
--numberbox-border-color: var(--joy-color-neutral-500);
|
|
91174
|
+
--numberbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
90824
91175
|
}
|
|
90825
91176
|
|
|
90826
91177
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -90829,6 +91180,7 @@ function VB() {
|
|
|
90829
91180
|
|
|
90830
91181
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
90831
91182
|
--numberbox-border-color: var(--joy-color-neutral-500);
|
|
91183
|
+
--numberbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
90832
91184
|
}
|
|
90833
91185
|
|
|
90834
91186
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -90837,6 +91189,8 @@ function VB() {
|
|
|
90837
91189
|
|
|
90838
91190
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
90839
91191
|
--numberbox-background-color: var(--joy-scheme-highlight);
|
|
91192
|
+
--numberbox-focus-ring-inward-offset: 0px;
|
|
91193
|
+
--numberbox-focus-ring-outward-offset: 0px;
|
|
90840
91194
|
}
|
|
90841
91195
|
|
|
90842
91196
|
`;
|
|
@@ -90851,6 +91205,9 @@ function HB() {
|
|
|
90851
91205
|
--numberbox-border-radius: unset;
|
|
90852
91206
|
--numberbox-border-style: unset;
|
|
90853
91207
|
--numberbox-border-width: unset;
|
|
91208
|
+
--numberbox-focus-ring-active-width: 8px;
|
|
91209
|
+
--numberbox-focus-ring-color: unset;
|
|
91210
|
+
--numberbox-focus-ring-inward-offset: 2px;
|
|
90854
91211
|
--numberbox-focus-ring-outward-offset: unset;
|
|
90855
91212
|
--numberbox-font-family: unset;
|
|
90856
91213
|
--numberbox-font-letter-spacing: unset;
|
|
@@ -90956,6 +91313,13 @@ function HB() {
|
|
|
90956
91313
|
display: flex;
|
|
90957
91314
|
}
|
|
90958
91315
|
|
|
91316
|
+
:host [part="focusRing"] {
|
|
91317
|
+
--focus-ring-color: var(--numberbox-focus-ring-color);
|
|
91318
|
+
--focus-ring-active-width: var(--numberbox-focus-ring-active-width);
|
|
91319
|
+
--focus-ring-inward-offset: var(--numberbox-focus-ring-inward-offset);
|
|
91320
|
+
--focus-ring-outward-offset: var(--numberbox-focus-ring-outward-offset);
|
|
91321
|
+
}
|
|
91322
|
+
|
|
90959
91323
|
:host [part="prefix"] {
|
|
90960
91324
|
gap: var(--numberbox-gap);
|
|
90961
91325
|
flex-grow: 0;
|
|
@@ -94189,7 +94553,7 @@ function vV() {
|
|
|
94189
94553
|
--color-editor-border-style: solid;
|
|
94190
94554
|
--color-editor-border-width: var(--joy-layout-thickness);
|
|
94191
94555
|
--color-editor-focus-ring-active-width: 8px;
|
|
94192
|
-
--color-editor-focus-ring-color: var(--joy-
|
|
94556
|
+
--color-editor-focus-ring-color: var(--joy-scheme-highlight);
|
|
94193
94557
|
--color-editor-focus-ring-inward-offset: 2px;
|
|
94194
94558
|
--color-editor-focus-ring-outward-offset: 2px;
|
|
94195
94559
|
--color-editor-font-family: var(--joy-font-family);
|
|
@@ -95876,6 +96240,9 @@ function HV() {
|
|
|
95876
96240
|
--colorbox-border-radius: unset;
|
|
95877
96241
|
--colorbox-border-style: unset;
|
|
95878
96242
|
--colorbox-border-width: unset;
|
|
96243
|
+
--colorbox-focus-ring-active-width: 8px;
|
|
96244
|
+
--colorbox-focus-ring-color: unset;
|
|
96245
|
+
--colorbox-focus-ring-inward-offset: 2px;
|
|
95879
96246
|
--colorbox-focus-ring-outward-offset: 0px;
|
|
95880
96247
|
--colorbox-focus-ring-width: 0px;
|
|
95881
96248
|
--colorbox-font-family: var(--cosmopolitan-font-family);
|
|
@@ -95973,6 +96340,13 @@ function HV() {
|
|
|
95973
96340
|
display: flex;
|
|
95974
96341
|
}
|
|
95975
96342
|
|
|
96343
|
+
:host [part="focusRing"] {
|
|
96344
|
+
--focus-ring-color: var(--colorbox-focus-ring-color);
|
|
96345
|
+
--focus-ring-active-width: var(--colorbox-focus-ring-active-width);
|
|
96346
|
+
--focus-ring-inward-offset: var(--colorbox-focus-ring-inward-offset);
|
|
96347
|
+
--focus-ring-outward-offset: var(--colorbox-focus-ring-outward-offset);
|
|
96348
|
+
}
|
|
96349
|
+
|
|
95976
96350
|
:host [part="input"] {
|
|
95977
96351
|
transition-duration: inherit;
|
|
95978
96352
|
transition-timing-function: inherit;
|
|
@@ -96103,6 +96477,9 @@ function UV() {
|
|
|
96103
96477
|
--colorbox-border-radius: var(--joy-layout-radius);
|
|
96104
96478
|
--colorbox-border-style: solid;
|
|
96105
96479
|
--colorbox-border-width: var(--joy-layout-thickness);
|
|
96480
|
+
--colorbox-focus-ring-active-width: 8px;
|
|
96481
|
+
--colorbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
96482
|
+
--colorbox-focus-ring-inward-offset: 2px;
|
|
96106
96483
|
--colorbox-focus-ring-outward-offset: 0px;
|
|
96107
96484
|
--colorbox-focus-ring-width: 0px;
|
|
96108
96485
|
--colorbox-font-family: var(--joy-font-family);
|
|
@@ -96200,6 +96577,13 @@ function UV() {
|
|
|
96200
96577
|
display: flex;
|
|
96201
96578
|
}
|
|
96202
96579
|
|
|
96580
|
+
:host [part="focusRing"] {
|
|
96581
|
+
--focus-ring-color: var(--colorbox-focus-ring-color);
|
|
96582
|
+
--focus-ring-active-width: var(--colorbox-focus-ring-active-width);
|
|
96583
|
+
--focus-ring-inward-offset: var(--colorbox-focus-ring-inward-offset);
|
|
96584
|
+
--focus-ring-outward-offset: var(--colorbox-focus-ring-outward-offset);
|
|
96585
|
+
}
|
|
96586
|
+
|
|
96203
96587
|
:host [part="input"] {
|
|
96204
96588
|
transition-duration: inherit;
|
|
96205
96589
|
transition-timing-function: inherit;
|
|
@@ -96361,6 +96745,8 @@ function UV() {
|
|
|
96361
96745
|
:host([appearance="plain"]) {
|
|
96362
96746
|
--colorbox-border-width: 0;
|
|
96363
96747
|
--colorbox-background-color: var(--joy-scheme-transparent);
|
|
96748
|
+
--colorbox-focus-ring-inward-offset: 0px;
|
|
96749
|
+
--colorbox-focus-ring-outward-offset: 0px;
|
|
96364
96750
|
}
|
|
96365
96751
|
|
|
96366
96752
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
@@ -96369,10 +96755,13 @@ function UV() {
|
|
|
96369
96755
|
|
|
96370
96756
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
96371
96757
|
--colorbox-background-color: var(--joy-scheme-highlight);
|
|
96758
|
+
--colorbox-focus-ring-inward-offset: 0px;
|
|
96759
|
+
--colorbox-focus-ring-outward-offset: 0px;
|
|
96372
96760
|
}
|
|
96373
96761
|
|
|
96374
96762
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96375
96763
|
--colorbox-border-color: var(--joy-color-primary-500);
|
|
96764
|
+
--colorbox-focus-ring-color: var(--joy-color-primary-500);
|
|
96376
96765
|
}
|
|
96377
96766
|
|
|
96378
96767
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96381,6 +96770,7 @@ function UV() {
|
|
|
96381
96770
|
|
|
96382
96771
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96383
96772
|
--colorbox-border-color: var(--joy-color-primary-500);
|
|
96773
|
+
--colorbox-focus-ring-color: var(--joy-color-primary-500);
|
|
96384
96774
|
}
|
|
96385
96775
|
|
|
96386
96776
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96389,6 +96779,7 @@ function UV() {
|
|
|
96389
96779
|
|
|
96390
96780
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96391
96781
|
--colorbox-border-color: var(--joy-color-secondary-500);
|
|
96782
|
+
--colorbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
96392
96783
|
}
|
|
96393
96784
|
|
|
96394
96785
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96397,6 +96788,7 @@ function UV() {
|
|
|
96397
96788
|
|
|
96398
96789
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96399
96790
|
--colorbox-border-color: var(--joy-color-secondary-500);
|
|
96791
|
+
--colorbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
96400
96792
|
}
|
|
96401
96793
|
|
|
96402
96794
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96405,6 +96797,7 @@ function UV() {
|
|
|
96405
96797
|
|
|
96406
96798
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96407
96799
|
--colorbox-border-color: var(--joy-color-tertiary-500);
|
|
96800
|
+
--colorbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
96408
96801
|
}
|
|
96409
96802
|
|
|
96410
96803
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96413,6 +96806,7 @@ function UV() {
|
|
|
96413
96806
|
|
|
96414
96807
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96415
96808
|
--colorbox-border-color: var(--joy-color-tertiary-500);
|
|
96809
|
+
--colorbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
96416
96810
|
}
|
|
96417
96811
|
|
|
96418
96812
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96421,6 +96815,7 @@ function UV() {
|
|
|
96421
96815
|
|
|
96422
96816
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96423
96817
|
--colorbox-border-color: var(--joy-color-danger-500);
|
|
96818
|
+
--colorbox-focus-ring-color: var(--joy-color-danger-500);
|
|
96424
96819
|
}
|
|
96425
96820
|
|
|
96426
96821
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96429,6 +96824,7 @@ function UV() {
|
|
|
96429
96824
|
|
|
96430
96825
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96431
96826
|
--colorbox-border-color: var(--joy-color-danger-500);
|
|
96827
|
+
--colorbox-focus-ring-color: var(--joy-color-danger-500);
|
|
96432
96828
|
}
|
|
96433
96829
|
|
|
96434
96830
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96437,6 +96833,7 @@ function UV() {
|
|
|
96437
96833
|
|
|
96438
96834
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96439
96835
|
--colorbox-border-color: var(--joy-color-warning-500);
|
|
96836
|
+
--colorbox-focus-ring-color: var(--joy-color-warning-500);
|
|
96440
96837
|
}
|
|
96441
96838
|
|
|
96442
96839
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96445,6 +96842,7 @@ function UV() {
|
|
|
96445
96842
|
|
|
96446
96843
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96447
96844
|
--colorbox-border-color: var(--joy-color-warning-500);
|
|
96845
|
+
--colorbox-focus-ring-color: var(--joy-color-warning-500);
|
|
96448
96846
|
}
|
|
96449
96847
|
|
|
96450
96848
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96453,6 +96851,7 @@ function UV() {
|
|
|
96453
96851
|
|
|
96454
96852
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96455
96853
|
--colorbox-border-color: var(--joy-color-success-500);
|
|
96854
|
+
--colorbox-focus-ring-color: var(--joy-color-success-500);
|
|
96456
96855
|
}
|
|
96457
96856
|
|
|
96458
96857
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96461,6 +96860,7 @@ function UV() {
|
|
|
96461
96860
|
|
|
96462
96861
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96463
96862
|
--colorbox-border-color: var(--joy-color-success-500);
|
|
96863
|
+
--colorbox-focus-ring-color: var(--joy-color-success-500);
|
|
96464
96864
|
}
|
|
96465
96865
|
|
|
96466
96866
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96469,6 +96869,7 @@ function UV() {
|
|
|
96469
96869
|
|
|
96470
96870
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96471
96871
|
--colorbox-border-color: var(--joy-color-info-500);
|
|
96872
|
+
--colorbox-focus-ring-color: var(--joy-color-info-500);
|
|
96472
96873
|
}
|
|
96473
96874
|
|
|
96474
96875
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96477,6 +96878,7 @@ function UV() {
|
|
|
96477
96878
|
|
|
96478
96879
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96479
96880
|
--colorbox-border-color: var(--joy-color-info-500);
|
|
96881
|
+
--colorbox-focus-ring-color: var(--joy-color-info-500);
|
|
96480
96882
|
}
|
|
96481
96883
|
|
|
96482
96884
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96485,6 +96887,7 @@ function UV() {
|
|
|
96485
96887
|
|
|
96486
96888
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96487
96889
|
--colorbox-border-color: var(--joy-color-highlight-500);
|
|
96890
|
+
--colorbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
96488
96891
|
}
|
|
96489
96892
|
|
|
96490
96893
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96493,6 +96896,7 @@ function UV() {
|
|
|
96493
96896
|
|
|
96494
96897
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96495
96898
|
--colorbox-border-color: var(--joy-color-highlight-500);
|
|
96899
|
+
--colorbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
96496
96900
|
}
|
|
96497
96901
|
|
|
96498
96902
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96501,6 +96905,7 @@ function UV() {
|
|
|
96501
96905
|
|
|
96502
96906
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
96503
96907
|
--colorbox-border-color: var(--joy-color-neutral-500);
|
|
96908
|
+
--colorbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
96504
96909
|
}
|
|
96505
96910
|
|
|
96506
96911
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -96509,6 +96914,7 @@ function UV() {
|
|
|
96509
96914
|
|
|
96510
96915
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
96511
96916
|
--colorbox-border-color: var(--joy-color-neutral-500);
|
|
96917
|
+
--colorbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
96512
96918
|
}
|
|
96513
96919
|
|
|
96514
96920
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -96527,6 +96933,9 @@ function WV() {
|
|
|
96527
96933
|
--colorbox-border-radius: var(--memphis-layout-radius);
|
|
96528
96934
|
--colorbox-border-style: solid;
|
|
96529
96935
|
--colorbox-border-width: var(--memphis-layout-thickness);
|
|
96936
|
+
--colorbox-focus-ring-active-width: 8px;
|
|
96937
|
+
--colorbox-focus-ring-color: unset;
|
|
96938
|
+
--colorbox-focus-ring-inward-offset: 2px;
|
|
96530
96939
|
--colorbox-focus-ring-outward-offset: 0px;
|
|
96531
96940
|
--colorbox-focus-ring-width: 0px;
|
|
96532
96941
|
--colorbox-font-family: var(--memphis-font-family);
|
|
@@ -96624,6 +97033,13 @@ function WV() {
|
|
|
96624
97033
|
display: flex;
|
|
96625
97034
|
}
|
|
96626
97035
|
|
|
97036
|
+
:host [part="focusRing"] {
|
|
97037
|
+
--focus-ring-color: var(--colorbox-focus-ring-color);
|
|
97038
|
+
--focus-ring-active-width: var(--colorbox-focus-ring-active-width);
|
|
97039
|
+
--focus-ring-inward-offset: var(--colorbox-focus-ring-inward-offset);
|
|
97040
|
+
--focus-ring-outward-offset: var(--colorbox-focus-ring-outward-offset);
|
|
97041
|
+
}
|
|
97042
|
+
|
|
96627
97043
|
:host [part="input"] {
|
|
96628
97044
|
transition-duration: inherit;
|
|
96629
97045
|
transition-timing-function: inherit;
|
|
@@ -98500,6 +98916,10 @@ function mH() {
|
|
|
98500
98916
|
--datebox-border-radius: unset;
|
|
98501
98917
|
--datebox-border-style: unset;
|
|
98502
98918
|
--datebox-border-width: unset;
|
|
98919
|
+
--datebox-focus-ring-active-width: 8px;
|
|
98920
|
+
--datebox-focus-ring-color: unset;
|
|
98921
|
+
--datebox-focus-ring-inward-offset: 2px;
|
|
98922
|
+
--datebox-focus-ring-outward-offset: 2px;
|
|
98503
98923
|
--datebox-focus-ring-width: 0px;
|
|
98504
98924
|
--datebox-font-family: var(--cosmopolitan-font-family);
|
|
98505
98925
|
--datebox-font-letter-spacing: unset;
|
|
@@ -98599,6 +99019,13 @@ function mH() {
|
|
|
98599
99019
|
display: flex;
|
|
98600
99020
|
}
|
|
98601
99021
|
|
|
99022
|
+
:host [part="focusRing"] {
|
|
99023
|
+
--focus-ring-color: var(--datebox-focus-ring-color);
|
|
99024
|
+
--focus-ring-active-width: var(--datebox-focus-ring-active-width);
|
|
99025
|
+
--focus-ring-inward-offset: var(--datebox-focus-ring-inward-offset);
|
|
99026
|
+
--focus-ring-outward-offset: var(--datebox-focus-ring-outward-offset);
|
|
99027
|
+
}
|
|
99028
|
+
|
|
98602
99029
|
:host [part="prefix"] {
|
|
98603
99030
|
gap: var(--datebox-gap);
|
|
98604
99031
|
flex-grow: 0;
|
|
@@ -98731,6 +99158,10 @@ function hH() {
|
|
|
98731
99158
|
--datebox-border-radius: var(--joy-layout-radius);
|
|
98732
99159
|
--datebox-border-style: solid;
|
|
98733
99160
|
--datebox-border-width: var(--joy-layout-thickness);
|
|
99161
|
+
--datebox-focus-ring-active-width: 8px;
|
|
99162
|
+
--datebox-focus-ring-color: var(--joy-scheme-highlight);
|
|
99163
|
+
--datebox-focus-ring-inward-offset: 2px;
|
|
99164
|
+
--datebox-focus-ring-outward-offset: 0px;
|
|
98734
99165
|
--datebox-focus-ring-width: 0px;
|
|
98735
99166
|
--datebox-font-family: var(--joy-font-family);
|
|
98736
99167
|
--datebox-font-letter-spacing: unset;
|
|
@@ -98830,6 +99261,13 @@ function hH() {
|
|
|
98830
99261
|
display: flex;
|
|
98831
99262
|
}
|
|
98832
99263
|
|
|
99264
|
+
:host [part="focusRing"] {
|
|
99265
|
+
--focus-ring-color: var(--datebox-focus-ring-color);
|
|
99266
|
+
--focus-ring-active-width: var(--datebox-focus-ring-active-width);
|
|
99267
|
+
--focus-ring-inward-offset: var(--datebox-focus-ring-inward-offset);
|
|
99268
|
+
--focus-ring-outward-offset: var(--datebox-focus-ring-outward-offset);
|
|
99269
|
+
}
|
|
99270
|
+
|
|
98833
99271
|
:host [part="prefix"] {
|
|
98834
99272
|
gap: var(--datebox-gap);
|
|
98835
99273
|
flex-grow: 0;
|
|
@@ -98979,6 +99417,7 @@ function hH() {
|
|
|
98979
99417
|
|
|
98980
99418
|
:host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
98981
99419
|
--datebox-border-color: var(--joy-color-primary-500);
|
|
99420
|
+
--datebox-focus-ring-color: var(--joy-color-primary-500);
|
|
98982
99421
|
}
|
|
98983
99422
|
|
|
98984
99423
|
:host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -98987,6 +99426,7 @@ function hH() {
|
|
|
98987
99426
|
|
|
98988
99427
|
:host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
98989
99428
|
--datebox-border-color: var(--joy-color-primary-500);
|
|
99429
|
+
--datebox-focus-ring-color: var(--joy-color-primary-500);
|
|
98990
99430
|
}
|
|
98991
99431
|
|
|
98992
99432
|
:host :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -98995,6 +99435,7 @@ function hH() {
|
|
|
98995
99435
|
|
|
98996
99436
|
:host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
98997
99437
|
--datebox-border-color: var(--joy-color-secondary-500);
|
|
99438
|
+
--datebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
98998
99439
|
}
|
|
98999
99440
|
|
|
99000
99441
|
:host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99003,6 +99444,7 @@ function hH() {
|
|
|
99003
99444
|
|
|
99004
99445
|
:host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99005
99446
|
--datebox-border-color: var(--joy-color-secondary-500);
|
|
99447
|
+
--datebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
99006
99448
|
}
|
|
99007
99449
|
|
|
99008
99450
|
:host :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99011,6 +99453,7 @@ function hH() {
|
|
|
99011
99453
|
|
|
99012
99454
|
:host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99013
99455
|
--datebox-border-color: var(--joy-color-tertiary-500);
|
|
99456
|
+
--datebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
99014
99457
|
}
|
|
99015
99458
|
|
|
99016
99459
|
:host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99019,6 +99462,7 @@ function hH() {
|
|
|
99019
99462
|
|
|
99020
99463
|
:host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99021
99464
|
--datebox-border-color: var(--joy-color-tertiary-500);
|
|
99465
|
+
--datebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
99022
99466
|
}
|
|
99023
99467
|
|
|
99024
99468
|
:host :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99027,6 +99471,7 @@ function hH() {
|
|
|
99027
99471
|
|
|
99028
99472
|
:host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99029
99473
|
--datebox-border-color: var(--joy-color-danger-500);
|
|
99474
|
+
--datebox-focus-ring-color: var(--joy-color-danger-500);
|
|
99030
99475
|
}
|
|
99031
99476
|
|
|
99032
99477
|
:host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99035,6 +99480,7 @@ function hH() {
|
|
|
99035
99480
|
|
|
99036
99481
|
:host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99037
99482
|
--datebox-border-color: var(--joy-color-danger-500);
|
|
99483
|
+
--datebox-focus-ring-color: var(--joy-color-danger-500);
|
|
99038
99484
|
}
|
|
99039
99485
|
|
|
99040
99486
|
:host :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99043,6 +99489,7 @@ function hH() {
|
|
|
99043
99489
|
|
|
99044
99490
|
:host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99045
99491
|
--datebox-border-color: var(--joy-color-warning-500);
|
|
99492
|
+
--datebox-focus-ring-color: var(--joy-color-warning-500);
|
|
99046
99493
|
}
|
|
99047
99494
|
|
|
99048
99495
|
:host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99051,6 +99498,7 @@ function hH() {
|
|
|
99051
99498
|
|
|
99052
99499
|
:host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99053
99500
|
--datebox-border-color: var(--joy-color-warning-500);
|
|
99501
|
+
--datebox-focus-ring-color: var(--joy-color-warning-500);
|
|
99054
99502
|
}
|
|
99055
99503
|
|
|
99056
99504
|
:host :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99059,6 +99507,7 @@ function hH() {
|
|
|
99059
99507
|
|
|
99060
99508
|
:host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99061
99509
|
--datebox-border-color: var(--joy-color-success-500);
|
|
99510
|
+
--datebox-focus-ring-color: var(--joy-color-success-500);
|
|
99062
99511
|
}
|
|
99063
99512
|
|
|
99064
99513
|
:host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99067,6 +99516,7 @@ function hH() {
|
|
|
99067
99516
|
|
|
99068
99517
|
:host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99069
99518
|
--datebox-border-color: var(--joy-color-success-500);
|
|
99519
|
+
--datebox-focus-ring-color: var(--joy-color-success-500);
|
|
99070
99520
|
}
|
|
99071
99521
|
|
|
99072
99522
|
:host :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99075,6 +99525,7 @@ function hH() {
|
|
|
99075
99525
|
|
|
99076
99526
|
:host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99077
99527
|
--datebox-border-color: var(--joy-color-info-500);
|
|
99528
|
+
--datebox-focus-ring-color: var(--joy-color-info-500);
|
|
99078
99529
|
}
|
|
99079
99530
|
|
|
99080
99531
|
:host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99083,6 +99534,7 @@ function hH() {
|
|
|
99083
99534
|
|
|
99084
99535
|
:host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99085
99536
|
--datebox-border-color: var(--joy-color-info-500);
|
|
99537
|
+
--datebox-focus-ring-color: var(--joy-color-info-500);
|
|
99086
99538
|
}
|
|
99087
99539
|
|
|
99088
99540
|
:host :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99091,6 +99543,7 @@ function hH() {
|
|
|
99091
99543
|
|
|
99092
99544
|
:host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99093
99545
|
--datebox-border-color: var(--joy-color-highlight-500);
|
|
99546
|
+
--datebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
99094
99547
|
}
|
|
99095
99548
|
|
|
99096
99549
|
:host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99099,6 +99552,7 @@ function hH() {
|
|
|
99099
99552
|
|
|
99100
99553
|
:host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99101
99554
|
--datebox-border-color: var(--joy-color-highlight-500);
|
|
99555
|
+
--datebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
99102
99556
|
}
|
|
99103
99557
|
|
|
99104
99558
|
:host :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99107,6 +99561,7 @@ function hH() {
|
|
|
99107
99561
|
|
|
99108
99562
|
:host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
99109
99563
|
--datebox-border-color: var(--joy-color-neutral-500);
|
|
99564
|
+
--datebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
99110
99565
|
}
|
|
99111
99566
|
|
|
99112
99567
|
:host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -99115,6 +99570,7 @@ function hH() {
|
|
|
99115
99570
|
|
|
99116
99571
|
:host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
99117
99572
|
--datebox-border-color: var(--joy-color-neutral-500);
|
|
99573
|
+
--datebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
99118
99574
|
}
|
|
99119
99575
|
|
|
99120
99576
|
:host :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -99123,6 +99579,8 @@ function hH() {
|
|
|
99123
99579
|
|
|
99124
99580
|
:host :host([appearance="soft"]), :host :host([appearance="solid"]) {
|
|
99125
99581
|
--datebox-background-color: var(--joy-scheme-highlight);
|
|
99582
|
+
--datebox-focus-ring-inward-offset: 0px;
|
|
99583
|
+
--datebox-focus-ring-outward-offset: 0px;
|
|
99126
99584
|
}
|
|
99127
99585
|
|
|
99128
99586
|
`;
|
|
@@ -99137,6 +99595,10 @@ function gH() {
|
|
|
99137
99595
|
--datebox-border-radius: var(--memphis-layout-radius);
|
|
99138
99596
|
--datebox-border-style: solid;
|
|
99139
99597
|
--datebox-border-width: var(--memphis-layout-thickness);
|
|
99598
|
+
--datebox-focus-ring-active-width: 8px;
|
|
99599
|
+
--datebox-focus-ring-color: unset;
|
|
99600
|
+
--datebox-focus-ring-inward-offset: 2px;
|
|
99601
|
+
--datebox-focus-ring-outward-offset: 2px;
|
|
99140
99602
|
--datebox-focus-ring-width: 0px;
|
|
99141
99603
|
--datebox-font-family: var(--memphis-font-family);
|
|
99142
99604
|
--datebox-font-letter-spacing: unset;
|
|
@@ -99236,6 +99698,13 @@ function gH() {
|
|
|
99236
99698
|
display: flex;
|
|
99237
99699
|
}
|
|
99238
99700
|
|
|
99701
|
+
:host [part="focusRing"] {
|
|
99702
|
+
--focus-ring-color: var(--datebox-focus-ring-color);
|
|
99703
|
+
--focus-ring-active-width: var(--datebox-focus-ring-active-width);
|
|
99704
|
+
--focus-ring-inward-offset: var(--datebox-focus-ring-inward-offset);
|
|
99705
|
+
--focus-ring-outward-offset: var(--datebox-focus-ring-outward-offset);
|
|
99706
|
+
}
|
|
99707
|
+
|
|
99239
99708
|
:host [part="prefix"] {
|
|
99240
99709
|
gap: var(--datebox-gap);
|
|
99241
99710
|
flex-grow: 0;
|
|
@@ -100680,6 +101149,10 @@ function jH() {
|
|
|
100680
101149
|
--datetimebox-calendar-border-radius: unset;
|
|
100681
101150
|
--datetimebox-calendar-border-style: unset;
|
|
100682
101151
|
--datetimebox-calendar-border-width: unset;
|
|
101152
|
+
--datetimebox-focus-ring-active-width: 8px;
|
|
101153
|
+
--datetimebox-focus-ring-color: unset;
|
|
101154
|
+
--datetimebox-focus-ring-inward-offset: 2px;
|
|
101155
|
+
--datetimebox-focus-ring-outward-offset: 2px;
|
|
100683
101156
|
--datetimebox-font-family: var(--cosmopolitan-font-family);
|
|
100684
101157
|
--datetimebox-font-letter-spacing: unset;
|
|
100685
101158
|
--datetimebox-font-line-height: unset;
|
|
@@ -100746,6 +101219,13 @@ function jH() {
|
|
|
100746
101219
|
display: none;
|
|
100747
101220
|
}
|
|
100748
101221
|
|
|
101222
|
+
:host [part="focusRing"] {
|
|
101223
|
+
--focus-ring-color: var(--datetimebox-focus-ring-color);
|
|
101224
|
+
--focus-ring-active-width: var(--datetimebox-focus-ring-active-width);
|
|
101225
|
+
--focus-ring-inward-offset: var(--datetimebox-focus-ring-inward-offset);
|
|
101226
|
+
--focus-ring-outward-offset: var(--datetimebox-focus-ring-outward-offset);
|
|
101227
|
+
}
|
|
101228
|
+
|
|
100749
101229
|
:host {
|
|
100750
101230
|
font-family: var(--datetimebox-font-family);
|
|
100751
101231
|
font-size: var(--datetimebox-font-size);
|
|
@@ -100946,6 +101426,11 @@ function MH() {
|
|
|
100946
101426
|
--datetimebox-border-radius: var(--joy-layout-radius);
|
|
100947
101427
|
--datetimebox-border-style: solid;
|
|
100948
101428
|
--datetimebox-border-width: var(--joy-layout-thickness);
|
|
101429
|
+
--datetimebox-focus-ring-active-width: 8px;
|
|
101430
|
+
--datetimebox-focus-ring-color: var(--joy-scheme-highlight);
|
|
101431
|
+
--datetimebox-focus-ring-inward-offset: 2px;
|
|
101432
|
+
--datetimebox-focus-ring-outward-offset: 0px;
|
|
101433
|
+
--datetimebox-focus-ring-width: 0px;
|
|
100949
101434
|
--datetimebox-font-family: var(--joy-font-family);
|
|
100950
101435
|
--datetimebox-font-letter-spacing: unset;
|
|
100951
101436
|
--datetimebox-font-line-height: unset;
|
|
@@ -101012,6 +101497,13 @@ function MH() {
|
|
|
101012
101497
|
display: none;
|
|
101013
101498
|
}
|
|
101014
101499
|
|
|
101500
|
+
:host [part="focusRing"] {
|
|
101501
|
+
--focus-ring-color: var(--datetimebox-focus-ring-color);
|
|
101502
|
+
--focus-ring-active-width: var(--datetimebox-focus-ring-active-width);
|
|
101503
|
+
--focus-ring-inward-offset: var(--datetimebox-focus-ring-inward-offset);
|
|
101504
|
+
--focus-ring-outward-offset: var(--datetimebox-focus-ring-outward-offset);
|
|
101505
|
+
}
|
|
101506
|
+
|
|
101015
101507
|
:host {
|
|
101016
101508
|
font-family: var(--datetimebox-font-family);
|
|
101017
101509
|
font-size: var(--datetimebox-font-size);
|
|
@@ -101229,6 +101721,7 @@ function MH() {
|
|
|
101229
101721
|
|
|
101230
101722
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101231
101723
|
--datetimebox-border-color: var(--joy-color-primary-500);
|
|
101724
|
+
--datetimebox-focus-ring-color: var(--joy-color-primary-500);
|
|
101232
101725
|
}
|
|
101233
101726
|
|
|
101234
101727
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101237,6 +101730,7 @@ function MH() {
|
|
|
101237
101730
|
|
|
101238
101731
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101239
101732
|
--datetimebox-border-color: var(--joy-color-primary-500);
|
|
101733
|
+
--datetimebox-focus-ring-color: var(--joy-color-primary-500);
|
|
101240
101734
|
}
|
|
101241
101735
|
|
|
101242
101736
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101245,6 +101739,7 @@ function MH() {
|
|
|
101245
101739
|
|
|
101246
101740
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101247
101741
|
--datetimebox-border-color: var(--joy-color-secondary-500);
|
|
101742
|
+
--datetimebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
101248
101743
|
}
|
|
101249
101744
|
|
|
101250
101745
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101253,6 +101748,7 @@ function MH() {
|
|
|
101253
101748
|
|
|
101254
101749
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101255
101750
|
--datetimebox-border-color: var(--joy-color-secondary-500);
|
|
101751
|
+
--datetimebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
101256
101752
|
}
|
|
101257
101753
|
|
|
101258
101754
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101261,6 +101757,7 @@ function MH() {
|
|
|
101261
101757
|
|
|
101262
101758
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101263
101759
|
--datetimebox-border-color: var(--joy-color-tertiary-500);
|
|
101760
|
+
--datetimebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
101264
101761
|
}
|
|
101265
101762
|
|
|
101266
101763
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101269,6 +101766,7 @@ function MH() {
|
|
|
101269
101766
|
|
|
101270
101767
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101271
101768
|
--datetimebox-border-color: var(--joy-color-tertiary-500);
|
|
101769
|
+
--datetimebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
101272
101770
|
}
|
|
101273
101771
|
|
|
101274
101772
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101277,6 +101775,7 @@ function MH() {
|
|
|
101277
101775
|
|
|
101278
101776
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101279
101777
|
--datetimebox-border-color: var(--joy-color-danger-500);
|
|
101778
|
+
--datetimebox-focus-ring-color: var(--joy-color-danger-500);
|
|
101280
101779
|
}
|
|
101281
101780
|
|
|
101282
101781
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101285,6 +101784,7 @@ function MH() {
|
|
|
101285
101784
|
|
|
101286
101785
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101287
101786
|
--datetimebox-border-color: var(--joy-color-danger-500);
|
|
101787
|
+
--datetimebox-focus-ring-color: var(--joy-color-danger-500);
|
|
101288
101788
|
}
|
|
101289
101789
|
|
|
101290
101790
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101293,6 +101793,7 @@ function MH() {
|
|
|
101293
101793
|
|
|
101294
101794
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101295
101795
|
--datetimebox-border-color: var(--joy-color-warning-500);
|
|
101796
|
+
--datetimebox-focus-ring-color: var(--joy-color-warning-500);
|
|
101296
101797
|
}
|
|
101297
101798
|
|
|
101298
101799
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101301,6 +101802,7 @@ function MH() {
|
|
|
101301
101802
|
|
|
101302
101803
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101303
101804
|
--datetimebox-border-color: var(--joy-color-warning-500);
|
|
101805
|
+
--datetimebox-focus-ring-color: var(--joy-color-warning-500);
|
|
101304
101806
|
}
|
|
101305
101807
|
|
|
101306
101808
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101309,6 +101811,7 @@ function MH() {
|
|
|
101309
101811
|
|
|
101310
101812
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101311
101813
|
--datetimebox-border-color: var(--joy-color-success-500);
|
|
101814
|
+
--datetimebox-focus-ring-color: var(--joy-color-success-500);
|
|
101312
101815
|
}
|
|
101313
101816
|
|
|
101314
101817
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101317,6 +101820,7 @@ function MH() {
|
|
|
101317
101820
|
|
|
101318
101821
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101319
101822
|
--datetimebox-border-color: var(--joy-color-success-500);
|
|
101823
|
+
--datetimebox-focus-ring-color: var(--joy-color-success-500);
|
|
101320
101824
|
}
|
|
101321
101825
|
|
|
101322
101826
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101325,6 +101829,7 @@ function MH() {
|
|
|
101325
101829
|
|
|
101326
101830
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101327
101831
|
--datetimebox-border-color: var(--joy-color-info-500);
|
|
101832
|
+
--datetimebox-focus-ring-color: var(--joy-color-info-500);
|
|
101328
101833
|
}
|
|
101329
101834
|
|
|
101330
101835
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101333,6 +101838,7 @@ function MH() {
|
|
|
101333
101838
|
|
|
101334
101839
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101335
101840
|
--datetimebox-border-color: var(--joy-color-info-500);
|
|
101841
|
+
--datetimebox-focus-ring-color: var(--joy-color-info-500);
|
|
101336
101842
|
}
|
|
101337
101843
|
|
|
101338
101844
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101341,6 +101847,7 @@ function MH() {
|
|
|
101341
101847
|
|
|
101342
101848
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101343
101849
|
--datetimebox-border-color: var(--joy-color-highlight-500);
|
|
101850
|
+
--datetimebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
101344
101851
|
}
|
|
101345
101852
|
|
|
101346
101853
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101349,6 +101856,7 @@ function MH() {
|
|
|
101349
101856
|
|
|
101350
101857
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101351
101858
|
--datetimebox-border-color: var(--joy-color-highlight-500);
|
|
101859
|
+
--datetimebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
101352
101860
|
}
|
|
101353
101861
|
|
|
101354
101862
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101357,6 +101865,7 @@ function MH() {
|
|
|
101357
101865
|
|
|
101358
101866
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
101359
101867
|
--datetimebox-border-color: var(--joy-color-neutral-500);
|
|
101868
|
+
--datetimebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
101360
101869
|
}
|
|
101361
101870
|
|
|
101362
101871
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -101365,6 +101874,7 @@ function MH() {
|
|
|
101365
101874
|
|
|
101366
101875
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
101367
101876
|
--datetimebox-border-color: var(--joy-color-neutral-500);
|
|
101877
|
+
--datetimebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
101368
101878
|
}
|
|
101369
101879
|
|
|
101370
101880
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -101373,6 +101883,8 @@ function MH() {
|
|
|
101373
101883
|
|
|
101374
101884
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
101375
101885
|
--datetimebox-background-color: var(--joy-scheme-highlight);
|
|
101886
|
+
--datetimebox-focus-ring-inward-offset: 0px;
|
|
101887
|
+
--datetimebox-focus-ring-outward-offset: 0px;
|
|
101376
101888
|
}
|
|
101377
101889
|
|
|
101378
101890
|
`;
|
|
@@ -101390,6 +101902,10 @@ function NH() {
|
|
|
101390
101902
|
--datetimebox-calendar-border-radius: unset;
|
|
101391
101903
|
--datetimebox-calendar-border-style: unset;
|
|
101392
101904
|
--datetimebox-calendar-border-width: unset;
|
|
101905
|
+
--datetimebox-focus-ring-active-width: 8px;
|
|
101906
|
+
--datetimebox-focus-ring-color: unset;
|
|
101907
|
+
--datetimebox-focus-ring-inward-offset: 2px;
|
|
101908
|
+
--datetimebox-focus-ring-outward-offset: 2px;
|
|
101393
101909
|
--datetimebox-font-family: unset;
|
|
101394
101910
|
--datetimebox-font-letter-spacing: unset;
|
|
101395
101911
|
--datetimebox-font-line-height: unset;
|
|
@@ -101456,6 +101972,13 @@ function NH() {
|
|
|
101456
101972
|
display: none;
|
|
101457
101973
|
}
|
|
101458
101974
|
|
|
101975
|
+
:host [part="focusRing"] {
|
|
101976
|
+
--focus-ring-color: var(--datetimebox-focus-ring-color);
|
|
101977
|
+
--focus-ring-active-width: var(--datetimebox-focus-ring-active-width);
|
|
101978
|
+
--focus-ring-inward-offset: var(--datetimebox-focus-ring-inward-offset);
|
|
101979
|
+
--focus-ring-outward-offset: var(--datetimebox-focus-ring-outward-offset);
|
|
101980
|
+
}
|
|
101981
|
+
|
|
101459
101982
|
:host {
|
|
101460
101983
|
font-family: var(--datetimebox-font-family);
|
|
101461
101984
|
font-size: var(--datetimebox-font-size);
|
|
@@ -102332,6 +102855,10 @@ function BH() {
|
|
|
102332
102855
|
--durationbox-border-radius: unset;
|
|
102333
102856
|
--durationbox-border-style: unset;
|
|
102334
102857
|
--durationbox-border-width: unset;
|
|
102858
|
+
--durationbox-focus-ring-active-width: 8px;
|
|
102859
|
+
--durationbox-focus-ring-color: unset;
|
|
102860
|
+
--durationbox-focus-ring-inward-offset: 2px;
|
|
102861
|
+
--durationbox-focus-ring-outward-offset: 2px;
|
|
102335
102862
|
--durationbox-font-family: var(--cosmopolitan-font-family);
|
|
102336
102863
|
--durationbox-font-letter-spacing: unset;
|
|
102337
102864
|
--durationbox-font-line-height: unset;
|
|
@@ -102436,6 +102963,13 @@ function BH() {
|
|
|
102436
102963
|
display: flex;
|
|
102437
102964
|
}
|
|
102438
102965
|
|
|
102966
|
+
:host [part="focusRing"] {
|
|
102967
|
+
--focus-ring-color: var(--durationbox-focus-ring-color);
|
|
102968
|
+
--focus-ring-active-width: var(--durationbox-focus-ring-active-width);
|
|
102969
|
+
--focus-ring-inward-offset: var(--durationbox-focus-ring-inward-offset);
|
|
102970
|
+
--focus-ring-outward-offset: var(--durationbox-focus-ring-outward-offset);
|
|
102971
|
+
}
|
|
102972
|
+
|
|
102439
102973
|
:host [part="prefix"] {
|
|
102440
102974
|
gap: var(--durationbox-gap);
|
|
102441
102975
|
flex-grow: 0;
|
|
@@ -102580,6 +103114,11 @@ function VH() {
|
|
|
102580
103114
|
--durationbox-border-radius: var(--joy-layout-radius);
|
|
102581
103115
|
--durationbox-border-style: solid;
|
|
102582
103116
|
--durationbox-border-width: var(--joy-layout-thickness);
|
|
103117
|
+
--durationbox-focus-ring-active-width: 8px;
|
|
103118
|
+
--durationbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
103119
|
+
--durationbox-focus-ring-inward-offset: 2px;
|
|
103120
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
103121
|
+
--durationbox-focus-ring-width: 0px;
|
|
102583
103122
|
--durationbox-font-family: var(--joy-font-family);
|
|
102584
103123
|
--durationbox-font-letter-spacing: unset;
|
|
102585
103124
|
--durationbox-font-line-height: unset;
|
|
@@ -102684,6 +103223,13 @@ function VH() {
|
|
|
102684
103223
|
display: flex;
|
|
102685
103224
|
}
|
|
102686
103225
|
|
|
103226
|
+
:host [part="focusRing"] {
|
|
103227
|
+
--focus-ring-color: var(--durationbox-focus-ring-color);
|
|
103228
|
+
--focus-ring-active-width: var(--durationbox-focus-ring-active-width);
|
|
103229
|
+
--focus-ring-inward-offset: var(--durationbox-focus-ring-inward-offset);
|
|
103230
|
+
--focus-ring-outward-offset: var(--durationbox-focus-ring-outward-offset);
|
|
103231
|
+
}
|
|
103232
|
+
|
|
102687
103233
|
:host [part="prefix"] {
|
|
102688
103234
|
gap: var(--durationbox-gap);
|
|
102689
103235
|
flex-grow: 0;
|
|
@@ -102837,10 +103383,13 @@ function VH() {
|
|
|
102837
103383
|
:host([appearance="plain"]) {
|
|
102838
103384
|
--durationbox-border-width: 0;
|
|
102839
103385
|
--durationbox-background-color: var(--joy-scheme-transparent);
|
|
103386
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103387
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102840
103388
|
}
|
|
102841
103389
|
|
|
102842
103390
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102843
103391
|
--durationbox-border-color: var(--joy-color-primary-500);
|
|
103392
|
+
--durationbox-focus-ring-color: var(--joy-color-primary-500);
|
|
102844
103393
|
}
|
|
102845
103394
|
|
|
102846
103395
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102849,6 +103398,7 @@ function VH() {
|
|
|
102849
103398
|
|
|
102850
103399
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102851
103400
|
--durationbox-border-color: var(--joy-color-primary-500);
|
|
103401
|
+
--durationbox-focus-ring-color: var(--joy-color-primary-500);
|
|
102852
103402
|
}
|
|
102853
103403
|
|
|
102854
103404
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102857,10 +103407,13 @@ function VH() {
|
|
|
102857
103407
|
|
|
102858
103408
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102859
103409
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103410
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103411
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102860
103412
|
}
|
|
102861
103413
|
|
|
102862
103414
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102863
103415
|
--durationbox-border-color: var(--joy-color-secondary-500);
|
|
103416
|
+
--durationbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
102864
103417
|
}
|
|
102865
103418
|
|
|
102866
103419
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102869,6 +103422,7 @@ function VH() {
|
|
|
102869
103422
|
|
|
102870
103423
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102871
103424
|
--durationbox-border-color: var(--joy-color-secondary-500);
|
|
103425
|
+
--durationbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
102872
103426
|
}
|
|
102873
103427
|
|
|
102874
103428
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102877,10 +103431,13 @@ function VH() {
|
|
|
102877
103431
|
|
|
102878
103432
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102879
103433
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103434
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103435
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102880
103436
|
}
|
|
102881
103437
|
|
|
102882
103438
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102883
103439
|
--durationbox-border-color: var(--joy-color-tertiary-500);
|
|
103440
|
+
--durationbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
102884
103441
|
}
|
|
102885
103442
|
|
|
102886
103443
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102889,6 +103446,7 @@ function VH() {
|
|
|
102889
103446
|
|
|
102890
103447
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102891
103448
|
--durationbox-border-color: var(--joy-color-tertiary-500);
|
|
103449
|
+
--durationbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
102892
103450
|
}
|
|
102893
103451
|
|
|
102894
103452
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102897,10 +103455,13 @@ function VH() {
|
|
|
102897
103455
|
|
|
102898
103456
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102899
103457
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103458
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103459
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102900
103460
|
}
|
|
102901
103461
|
|
|
102902
103462
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102903
103463
|
--durationbox-border-color: var(--joy-color-danger-500);
|
|
103464
|
+
--durationbox-focus-ring-color: var(--joy-color-danger-500);
|
|
102904
103465
|
}
|
|
102905
103466
|
|
|
102906
103467
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102909,6 +103470,7 @@ function VH() {
|
|
|
102909
103470
|
|
|
102910
103471
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102911
103472
|
--durationbox-border-color: var(--joy-color-danger-500);
|
|
103473
|
+
--durationbox-focus-ring-color: var(--joy-color-danger-500);
|
|
102912
103474
|
}
|
|
102913
103475
|
|
|
102914
103476
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102917,10 +103479,13 @@ function VH() {
|
|
|
102917
103479
|
|
|
102918
103480
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102919
103481
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103482
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103483
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102920
103484
|
}
|
|
102921
103485
|
|
|
102922
103486
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102923
103487
|
--durationbox-border-color: var(--joy-color-warning-500);
|
|
103488
|
+
--durationbox-focus-ring-color: var(--joy-color-warning-500);
|
|
102924
103489
|
}
|
|
102925
103490
|
|
|
102926
103491
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102929,6 +103494,7 @@ function VH() {
|
|
|
102929
103494
|
|
|
102930
103495
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102931
103496
|
--durationbox-border-color: var(--joy-color-warning-500);
|
|
103497
|
+
--durationbox-focus-ring-color: var(--joy-color-warning-500);
|
|
102932
103498
|
}
|
|
102933
103499
|
|
|
102934
103500
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102937,10 +103503,13 @@ function VH() {
|
|
|
102937
103503
|
|
|
102938
103504
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102939
103505
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103506
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103507
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102940
103508
|
}
|
|
102941
103509
|
|
|
102942
103510
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102943
103511
|
--durationbox-border-color: var(--joy-color-success-500);
|
|
103512
|
+
--durationbox-focus-ring-color: var(--joy-color-success-500);
|
|
102944
103513
|
}
|
|
102945
103514
|
|
|
102946
103515
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102949,6 +103518,7 @@ function VH() {
|
|
|
102949
103518
|
|
|
102950
103519
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102951
103520
|
--durationbox-border-color: var(--joy-color-success-500);
|
|
103521
|
+
--durationbox-focus-ring-color: var(--joy-color-success-500);
|
|
102952
103522
|
}
|
|
102953
103523
|
|
|
102954
103524
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102957,10 +103527,13 @@ function VH() {
|
|
|
102957
103527
|
|
|
102958
103528
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102959
103529
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103530
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103531
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102960
103532
|
}
|
|
102961
103533
|
|
|
102962
103534
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102963
103535
|
--durationbox-border-color: var(--joy-color-info-500);
|
|
103536
|
+
--durationbox-focus-ring-color: var(--joy-color-info-500);
|
|
102964
103537
|
}
|
|
102965
103538
|
|
|
102966
103539
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102969,6 +103542,7 @@ function VH() {
|
|
|
102969
103542
|
|
|
102970
103543
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102971
103544
|
--durationbox-border-color: var(--joy-color-info-500);
|
|
103545
|
+
--durationbox-focus-ring-color: var(--joy-color-info-500);
|
|
102972
103546
|
}
|
|
102973
103547
|
|
|
102974
103548
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102977,10 +103551,13 @@ function VH() {
|
|
|
102977
103551
|
|
|
102978
103552
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102979
103553
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103554
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103555
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
102980
103556
|
}
|
|
102981
103557
|
|
|
102982
103558
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
102983
103559
|
--durationbox-border-color: var(--joy-color-highlight-500);
|
|
103560
|
+
--durationbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
102984
103561
|
}
|
|
102985
103562
|
|
|
102986
103563
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -102989,6 +103566,7 @@ function VH() {
|
|
|
102989
103566
|
|
|
102990
103567
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
102991
103568
|
--durationbox-border-color: var(--joy-color-highlight-500);
|
|
103569
|
+
--durationbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
102992
103570
|
}
|
|
102993
103571
|
|
|
102994
103572
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -102997,10 +103575,13 @@ function VH() {
|
|
|
102997
103575
|
|
|
102998
103576
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
102999
103577
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103578
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103579
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
103000
103580
|
}
|
|
103001
103581
|
|
|
103002
103582
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
103003
103583
|
--durationbox-border-color: var(--joy-color-neutral-500);
|
|
103584
|
+
--durationbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
103004
103585
|
}
|
|
103005
103586
|
|
|
103006
103587
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -103009,6 +103590,7 @@ function VH() {
|
|
|
103009
103590
|
|
|
103010
103591
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
103011
103592
|
--durationbox-border-color: var(--joy-color-neutral-500);
|
|
103593
|
+
--durationbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
103012
103594
|
}
|
|
103013
103595
|
|
|
103014
103596
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -103017,6 +103599,8 @@ function VH() {
|
|
|
103017
103599
|
|
|
103018
103600
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
103019
103601
|
--durationbox-background-color: var(--joy-scheme-highlight);
|
|
103602
|
+
--durationbox-focus-ring-inward-offset: 0px;
|
|
103603
|
+
--durationbox-focus-ring-outward-offset: 0px;
|
|
103020
103604
|
}
|
|
103021
103605
|
|
|
103022
103606
|
`;
|
|
@@ -103031,6 +103615,10 @@ function HH() {
|
|
|
103031
103615
|
--durationbox-border-radius: unset;
|
|
103032
103616
|
--durationbox-border-style: unset;
|
|
103033
103617
|
--durationbox-border-width: unset;
|
|
103618
|
+
--durationbox-focus-ring-active-width: 8px;
|
|
103619
|
+
--durationbox-focus-ring-color: unset;
|
|
103620
|
+
--durationbox-focus-ring-inward-offset: 2px;
|
|
103621
|
+
--durationbox-focus-ring-outward-offset: 2px;
|
|
103034
103622
|
--durationbox-font-family: unset;
|
|
103035
103623
|
--durationbox-font-letter-spacing: unset;
|
|
103036
103624
|
--durationbox-font-line-height: unset;
|
|
@@ -103135,6 +103723,13 @@ function HH() {
|
|
|
103135
103723
|
display: flex;
|
|
103136
103724
|
}
|
|
103137
103725
|
|
|
103726
|
+
:host [part="focusRing"] {
|
|
103727
|
+
--focus-ring-color: var(--durationbox-focus-ring-color);
|
|
103728
|
+
--focus-ring-active-width: var(--durationbox-focus-ring-active-width);
|
|
103729
|
+
--focus-ring-inward-offset: var(--durationbox-focus-ring-inward-offset);
|
|
103730
|
+
--focus-ring-outward-offset: var(--durationbox-focus-ring-outward-offset);
|
|
103731
|
+
}
|
|
103732
|
+
|
|
103138
103733
|
:host [part="prefix"] {
|
|
103139
103734
|
gap: var(--durationbox-gap);
|
|
103140
103735
|
flex-grow: 0;
|
|
@@ -103610,6 +104205,10 @@ function JH() {
|
|
|
103610
104205
|
--filebox-border-radius: unset;
|
|
103611
104206
|
--filebox-border-style: unset;
|
|
103612
104207
|
--filebox-border-width: unset;
|
|
104208
|
+
--filebox-focus-ring-active-width: 8px;
|
|
104209
|
+
--filebox-focus-ring-color: unset;
|
|
104210
|
+
--filebox-focus-ring-inward-offset: 2px;
|
|
104211
|
+
--filebox-focus-ring-outward-offset: 2px;
|
|
103613
104212
|
--filebox-focus-ring-width: 0px;
|
|
103614
104213
|
--filebox-font-family: var(--cosmopolitan-font-family);
|
|
103615
104214
|
--filebox-font-letter-spacing: unset;
|
|
@@ -103705,6 +104304,13 @@ function JH() {
|
|
|
103705
104304
|
display: flex;
|
|
103706
104305
|
}
|
|
103707
104306
|
|
|
104307
|
+
:host [part="focusRing"] {
|
|
104308
|
+
--focus-ring-color: var(--filebox-focus-ring-color);
|
|
104309
|
+
--focus-ring-active-width: var(--filebox-focus-ring-active-width);
|
|
104310
|
+
--focus-ring-inward-offset: var(--filebox-focus-ring-inward-offset);
|
|
104311
|
+
--focus-ring-outward-offset: var(--filebox-focus-ring-outward-offset);
|
|
104312
|
+
}
|
|
104313
|
+
|
|
103708
104314
|
:host [part="prefix"] {
|
|
103709
104315
|
gap: var(--filebox-gap);
|
|
103710
104316
|
flex-grow: 0;
|
|
@@ -103820,6 +104426,10 @@ function YH() {
|
|
|
103820
104426
|
--filebox-border-radius: var(--joy-layout-radius);
|
|
103821
104427
|
--filebox-border-style: solid;
|
|
103822
104428
|
--filebox-border-width: var(--joy-layout-thickness);
|
|
104429
|
+
--filebox-focus-ring-active-width: 8px;
|
|
104430
|
+
--filebox-focus-ring-color: var(--joy-scheme-highlight);
|
|
104431
|
+
--filebox-focus-ring-inward-offset: 2px;
|
|
104432
|
+
--filebox-focus-ring-outward-offset: 0px;
|
|
103823
104433
|
--filebox-focus-ring-width: 0px;
|
|
103824
104434
|
--filebox-font-family: var(--joy-font-family);
|
|
103825
104435
|
--filebox-font-letter-spacing: unset;
|
|
@@ -103915,6 +104525,13 @@ function YH() {
|
|
|
103915
104525
|
display: flex;
|
|
103916
104526
|
}
|
|
103917
104527
|
|
|
104528
|
+
:host [part="focusRing"] {
|
|
104529
|
+
--focus-ring-color: var(--filebox-focus-ring-color);
|
|
104530
|
+
--focus-ring-active-width: var(--filebox-focus-ring-active-width);
|
|
104531
|
+
--focus-ring-inward-offset: var(--filebox-focus-ring-inward-offset);
|
|
104532
|
+
--focus-ring-outward-offset: var(--filebox-focus-ring-outward-offset);
|
|
104533
|
+
}
|
|
104534
|
+
|
|
103918
104535
|
:host [part="prefix"] {
|
|
103919
104536
|
gap: var(--filebox-gap);
|
|
103920
104537
|
flex-grow: 0;
|
|
@@ -104052,6 +104669,7 @@ function YH() {
|
|
|
104052
104669
|
|
|
104053
104670
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104054
104671
|
--filebox-border-color: var(--joy-color-primary-500);
|
|
104672
|
+
--filebox-focus-ring-color: var(--joy-color-primary-500);
|
|
104055
104673
|
}
|
|
104056
104674
|
|
|
104057
104675
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104060,6 +104678,7 @@ function YH() {
|
|
|
104060
104678
|
|
|
104061
104679
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104062
104680
|
--filebox-border-color: var(--joy-color-primary-500);
|
|
104681
|
+
--filebox-focus-ring-color: var(--joy-color-primary-500);
|
|
104063
104682
|
}
|
|
104064
104683
|
|
|
104065
104684
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104068,6 +104687,7 @@ function YH() {
|
|
|
104068
104687
|
|
|
104069
104688
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104070
104689
|
--filebox-border-color: var(--joy-color-secondary-500);
|
|
104690
|
+
--filebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
104071
104691
|
}
|
|
104072
104692
|
|
|
104073
104693
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104076,6 +104696,7 @@ function YH() {
|
|
|
104076
104696
|
|
|
104077
104697
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104078
104698
|
--filebox-border-color: var(--joy-color-secondary-500);
|
|
104699
|
+
--filebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
104079
104700
|
}
|
|
104080
104701
|
|
|
104081
104702
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104084,6 +104705,7 @@ function YH() {
|
|
|
104084
104705
|
|
|
104085
104706
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104086
104707
|
--filebox-border-color: var(--joy-color-tertiary-500);
|
|
104708
|
+
--filebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
104087
104709
|
}
|
|
104088
104710
|
|
|
104089
104711
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104092,6 +104714,7 @@ function YH() {
|
|
|
104092
104714
|
|
|
104093
104715
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104094
104716
|
--filebox-border-color: var(--joy-color-tertiary-500);
|
|
104717
|
+
--filebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
104095
104718
|
}
|
|
104096
104719
|
|
|
104097
104720
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104100,6 +104723,7 @@ function YH() {
|
|
|
104100
104723
|
|
|
104101
104724
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104102
104725
|
--filebox-border-color: var(--joy-color-danger-500);
|
|
104726
|
+
--filebox-focus-ring-color: var(--joy-color-danger-500);
|
|
104103
104727
|
}
|
|
104104
104728
|
|
|
104105
104729
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104108,6 +104732,7 @@ function YH() {
|
|
|
104108
104732
|
|
|
104109
104733
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104110
104734
|
--filebox-border-color: var(--joy-color-danger-500);
|
|
104735
|
+
--filebox-focus-ring-color: var(--joy-color-danger-500);
|
|
104111
104736
|
}
|
|
104112
104737
|
|
|
104113
104738
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104116,6 +104741,7 @@ function YH() {
|
|
|
104116
104741
|
|
|
104117
104742
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104118
104743
|
--filebox-border-color: var(--joy-color-warning-500);
|
|
104744
|
+
--filebox-focus-ring-color: var(--joy-color-warning-500);
|
|
104119
104745
|
}
|
|
104120
104746
|
|
|
104121
104747
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104124,6 +104750,7 @@ function YH() {
|
|
|
104124
104750
|
|
|
104125
104751
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104126
104752
|
--filebox-border-color: var(--joy-color-warning-500);
|
|
104753
|
+
--filebox-focus-ring-color: var(--joy-color-warning-500);
|
|
104127
104754
|
}
|
|
104128
104755
|
|
|
104129
104756
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104132,6 +104759,7 @@ function YH() {
|
|
|
104132
104759
|
|
|
104133
104760
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104134
104761
|
--filebox-border-color: var(--joy-color-success-500);
|
|
104762
|
+
--filebox-focus-ring-color: var(--joy-color-success-500);
|
|
104135
104763
|
}
|
|
104136
104764
|
|
|
104137
104765
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104140,6 +104768,7 @@ function YH() {
|
|
|
104140
104768
|
|
|
104141
104769
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104142
104770
|
--filebox-border-color: var(--joy-color-success-500);
|
|
104771
|
+
--filebox-focus-ring-color: var(--joy-color-success-500);
|
|
104143
104772
|
}
|
|
104144
104773
|
|
|
104145
104774
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104148,6 +104777,7 @@ function YH() {
|
|
|
104148
104777
|
|
|
104149
104778
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104150
104779
|
--filebox-border-color: var(--joy-color-info-500);
|
|
104780
|
+
--filebox-focus-ring-color: var(--joy-color-info-500);
|
|
104151
104781
|
}
|
|
104152
104782
|
|
|
104153
104783
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104156,6 +104786,7 @@ function YH() {
|
|
|
104156
104786
|
|
|
104157
104787
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104158
104788
|
--filebox-border-color: var(--joy-color-info-500);
|
|
104789
|
+
--filebox-focus-ring-color: var(--joy-color-info-500);
|
|
104159
104790
|
}
|
|
104160
104791
|
|
|
104161
104792
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104164,6 +104795,7 @@ function YH() {
|
|
|
104164
104795
|
|
|
104165
104796
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104166
104797
|
--filebox-border-color: var(--joy-color-highlight-500);
|
|
104798
|
+
--filebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
104167
104799
|
}
|
|
104168
104800
|
|
|
104169
104801
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104172,6 +104804,7 @@ function YH() {
|
|
|
104172
104804
|
|
|
104173
104805
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104174
104806
|
--filebox-border-color: var(--joy-color-highlight-500);
|
|
104807
|
+
--filebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
104175
104808
|
}
|
|
104176
104809
|
|
|
104177
104810
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104180,6 +104813,7 @@ function YH() {
|
|
|
104180
104813
|
|
|
104181
104814
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
104182
104815
|
--filebox-border-color: var(--joy-color-neutral-500);
|
|
104816
|
+
--filebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
104183
104817
|
}
|
|
104184
104818
|
|
|
104185
104819
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -104188,6 +104822,7 @@ function YH() {
|
|
|
104188
104822
|
|
|
104189
104823
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
104190
104824
|
--filebox-border-color: var(--joy-color-neutral-500);
|
|
104825
|
+
--filebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
104191
104826
|
}
|
|
104192
104827
|
|
|
104193
104828
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -104197,10 +104832,14 @@ function YH() {
|
|
|
104197
104832
|
:host([appearance="plain"]) {
|
|
104198
104833
|
--filebox-border-width: 0;
|
|
104199
104834
|
--filebox-background-color: var(--joy-scheme-transparent);
|
|
104835
|
+
--filebox-focus-ring-inward-offset: 0px;
|
|
104836
|
+
--filebox-focus-ring-outward-offset: 0px;
|
|
104200
104837
|
}
|
|
104201
104838
|
|
|
104202
104839
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
104203
104840
|
--filebox-background-color: var(--joy-scheme-highlight);
|
|
104841
|
+
--filebox-focus-ring-inward-offset: 0px;
|
|
104842
|
+
--filebox-focus-ring-outward-offset: 0px;
|
|
104204
104843
|
}
|
|
104205
104844
|
|
|
104206
104845
|
`;
|
|
@@ -104215,6 +104854,10 @@ function XH() {
|
|
|
104215
104854
|
--filebox-border-radius: var(--memphis-layout-radius);
|
|
104216
104855
|
--filebox-border-style: solid;
|
|
104217
104856
|
--filebox-border-width: var(--memphis-layout-thickness);
|
|
104857
|
+
--filebox-focus-ring-active-width: 8px;
|
|
104858
|
+
--filebox-focus-ring-color: unset;
|
|
104859
|
+
--filebox-focus-ring-inward-offset: 2px;
|
|
104860
|
+
--filebox-focus-ring-outward-offset: 2px;
|
|
104218
104861
|
--filebox-focus-ring-width: 0px;
|
|
104219
104862
|
--filebox-font-family: var(--memphis-font-family);
|
|
104220
104863
|
--filebox-font-letter-spacing: unset;
|
|
@@ -104310,6 +104953,13 @@ function XH() {
|
|
|
104310
104953
|
display: flex;
|
|
104311
104954
|
}
|
|
104312
104955
|
|
|
104956
|
+
:host [part="focusRing"] {
|
|
104957
|
+
--focus-ring-color: var(--filebox-focus-ring-color);
|
|
104958
|
+
--focus-ring-active-width: var(--filebox-focus-ring-active-width);
|
|
104959
|
+
--focus-ring-inward-offset: var(--filebox-focus-ring-inward-offset);
|
|
104960
|
+
--focus-ring-outward-offset: var(--filebox-focus-ring-outward-offset);
|
|
104961
|
+
}
|
|
104962
|
+
|
|
104313
104963
|
:host [part="prefix"] {
|
|
104314
104964
|
gap: var(--filebox-gap);
|
|
104315
104965
|
flex-grow: 0;
|
|
@@ -110249,6 +110899,10 @@ function WW() {
|
|
|
110249
110899
|
--passwordbox-border-radius: unset;
|
|
110250
110900
|
--passwordbox-border-style: unset;
|
|
110251
110901
|
--passwordbox-border-width: unset;
|
|
110902
|
+
--passwordbox-focus-ring-active-width: 8px;
|
|
110903
|
+
--passwordbox-focus-ring-color: unset;
|
|
110904
|
+
--passwordbox-focus-ring-inward-offset: 2px;
|
|
110905
|
+
--passwordbox-focus-ring-outward-offset: 2px;
|
|
110252
110906
|
--passwordbox-focus-ring-width: 0px;
|
|
110253
110907
|
--passwordbox-font-family: var(--cosmopolitan-font-family);
|
|
110254
110908
|
--passwordbox-font-letter-spacing: unset;
|
|
@@ -110344,6 +110998,13 @@ function WW() {
|
|
|
110344
110998
|
display: flex;
|
|
110345
110999
|
}
|
|
110346
111000
|
|
|
111001
|
+
:host [part="focusRing"] {
|
|
111002
|
+
--focus-ring-color: var(--passwordbox-focus-ring-color);
|
|
111003
|
+
--focus-ring-active-width: var(--passwordbox-focus-ring-active-width);
|
|
111004
|
+
--focus-ring-inward-offset: var(--passwordbox-focus-ring-inward-offset);
|
|
111005
|
+
--focus-ring-outward-offset: var(--passwordbox-focus-ring-outward-offset);
|
|
111006
|
+
}
|
|
111007
|
+
|
|
110347
111008
|
:host [part="prefix"] {
|
|
110348
111009
|
gap: var(--passwordbox-gap);
|
|
110349
111010
|
flex-grow: 0;
|
|
@@ -110458,6 +111119,10 @@ function GW() {
|
|
|
110458
111119
|
--passwordbox-border-radius: var(--joy-layout-radius);
|
|
110459
111120
|
--passwordbox-border-style: solid;
|
|
110460
111121
|
--passwordbox-border-width: var(--joy-layout-thickness);
|
|
111122
|
+
--passwordbox-focus-ring-active-width: 8px;
|
|
111123
|
+
--passwordbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
111124
|
+
--passwordbox-focus-ring-inward-offset: 2px;
|
|
111125
|
+
--passwordbox-focus-ring-outward-offset: 0px;
|
|
110461
111126
|
--passwordbox-focus-ring-width: 0px;
|
|
110462
111127
|
--passwordbox-font-family: var(--joy-font-family);
|
|
110463
111128
|
--passwordbox-font-letter-spacing: unset;
|
|
@@ -110553,6 +111218,13 @@ function GW() {
|
|
|
110553
111218
|
display: flex;
|
|
110554
111219
|
}
|
|
110555
111220
|
|
|
111221
|
+
:host [part="focusRing"] {
|
|
111222
|
+
--focus-ring-color: var(--passwordbox-focus-ring-color);
|
|
111223
|
+
--focus-ring-active-width: var(--passwordbox-focus-ring-active-width);
|
|
111224
|
+
--focus-ring-inward-offset: var(--passwordbox-focus-ring-inward-offset);
|
|
111225
|
+
--focus-ring-outward-offset: var(--passwordbox-focus-ring-outward-offset);
|
|
111226
|
+
}
|
|
111227
|
+
|
|
110556
111228
|
:host [part="prefix"] {
|
|
110557
111229
|
gap: var(--passwordbox-gap);
|
|
110558
111230
|
flex-grow: 0;
|
|
@@ -110689,6 +111361,7 @@ function GW() {
|
|
|
110689
111361
|
|
|
110690
111362
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110691
111363
|
--passwordbox-border-color: var(--joy-color-primary-500);
|
|
111364
|
+
--passwordbox-focus-ring-color: var(--joy-color-primary-500);
|
|
110692
111365
|
}
|
|
110693
111366
|
|
|
110694
111367
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110697,6 +111370,7 @@ function GW() {
|
|
|
110697
111370
|
|
|
110698
111371
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110699
111372
|
--passwordbox-border-color: var(--joy-color-primary-500);
|
|
111373
|
+
--passwordbox-focus-ring-color: var(--joy-color-primary-500);
|
|
110700
111374
|
}
|
|
110701
111375
|
|
|
110702
111376
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110705,6 +111379,7 @@ function GW() {
|
|
|
110705
111379
|
|
|
110706
111380
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110707
111381
|
--passwordbox-border-color: var(--joy-color-secondary-500);
|
|
111382
|
+
--passwordbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
110708
111383
|
}
|
|
110709
111384
|
|
|
110710
111385
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110713,6 +111388,7 @@ function GW() {
|
|
|
110713
111388
|
|
|
110714
111389
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110715
111390
|
--passwordbox-border-color: var(--joy-color-secondary-500);
|
|
111391
|
+
--passwordbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
110716
111392
|
}
|
|
110717
111393
|
|
|
110718
111394
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110721,6 +111397,7 @@ function GW() {
|
|
|
110721
111397
|
|
|
110722
111398
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110723
111399
|
--passwordbox-border-color: var(--joy-color-tertiary-500);
|
|
111400
|
+
--passwordbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
110724
111401
|
}
|
|
110725
111402
|
|
|
110726
111403
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110729,6 +111406,7 @@ function GW() {
|
|
|
110729
111406
|
|
|
110730
111407
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110731
111408
|
--passwordbox-border-color: var(--joy-color-tertiary-500);
|
|
111409
|
+
--passwordbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
110732
111410
|
}
|
|
110733
111411
|
|
|
110734
111412
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110737,6 +111415,7 @@ function GW() {
|
|
|
110737
111415
|
|
|
110738
111416
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110739
111417
|
--passwordbox-border-color: var(--joy-color-danger-500);
|
|
111418
|
+
--passwordbox-focus-ring-color: var(--joy-color-danger-500);
|
|
110740
111419
|
}
|
|
110741
111420
|
|
|
110742
111421
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110745,6 +111424,7 @@ function GW() {
|
|
|
110745
111424
|
|
|
110746
111425
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110747
111426
|
--passwordbox-border-color: var(--joy-color-danger-500);
|
|
111427
|
+
--passwordbox-focus-ring-color: var(--joy-color-danger-500);
|
|
110748
111428
|
}
|
|
110749
111429
|
|
|
110750
111430
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110753,6 +111433,7 @@ function GW() {
|
|
|
110753
111433
|
|
|
110754
111434
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110755
111435
|
--passwordbox-border-color: var(--joy-color-warning-500);
|
|
111436
|
+
--passwordbox-focus-ring-color: var(--joy-color-warning-500);
|
|
110756
111437
|
}
|
|
110757
111438
|
|
|
110758
111439
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110761,6 +111442,7 @@ function GW() {
|
|
|
110761
111442
|
|
|
110762
111443
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110763
111444
|
--passwordbox-border-color: var(--joy-color-warning-500);
|
|
111445
|
+
--passwordbox-focus-ring-color: var(--joy-color-warning-500);
|
|
110764
111446
|
}
|
|
110765
111447
|
|
|
110766
111448
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110769,6 +111451,7 @@ function GW() {
|
|
|
110769
111451
|
|
|
110770
111452
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110771
111453
|
--passwordbox-border-color: var(--joy-color-success-500);
|
|
111454
|
+
--passwordbox-focus-ring-color: var(--joy-color-success-500);
|
|
110772
111455
|
}
|
|
110773
111456
|
|
|
110774
111457
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110777,6 +111460,7 @@ function GW() {
|
|
|
110777
111460
|
|
|
110778
111461
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110779
111462
|
--passwordbox-border-color: var(--joy-color-success-500);
|
|
111463
|
+
--passwordbox-focus-ring-color: var(--joy-color-success-500);
|
|
110780
111464
|
}
|
|
110781
111465
|
|
|
110782
111466
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110785,6 +111469,7 @@ function GW() {
|
|
|
110785
111469
|
|
|
110786
111470
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110787
111471
|
--passwordbox-border-color: var(--joy-color-info-500);
|
|
111472
|
+
--passwordbox-focus-ring-color: var(--joy-color-info-500);
|
|
110788
111473
|
}
|
|
110789
111474
|
|
|
110790
111475
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110793,6 +111478,7 @@ function GW() {
|
|
|
110793
111478
|
|
|
110794
111479
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110795
111480
|
--passwordbox-border-color: var(--joy-color-info-500);
|
|
111481
|
+
--passwordbox-focus-ring-color: var(--joy-color-info-500);
|
|
110796
111482
|
}
|
|
110797
111483
|
|
|
110798
111484
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110801,6 +111487,7 @@ function GW() {
|
|
|
110801
111487
|
|
|
110802
111488
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110803
111489
|
--passwordbox-border-color: var(--joy-color-highlight-500);
|
|
111490
|
+
--passwordbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
110804
111491
|
}
|
|
110805
111492
|
|
|
110806
111493
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110809,6 +111496,7 @@ function GW() {
|
|
|
110809
111496
|
|
|
110810
111497
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110811
111498
|
--passwordbox-border-color: var(--joy-color-highlight-500);
|
|
111499
|
+
--passwordbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
110812
111500
|
}
|
|
110813
111501
|
|
|
110814
111502
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110817,6 +111505,7 @@ function GW() {
|
|
|
110817
111505
|
|
|
110818
111506
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
110819
111507
|
--passwordbox-border-color: var(--joy-color-neutral-500);
|
|
111508
|
+
--passwordbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
110820
111509
|
}
|
|
110821
111510
|
|
|
110822
111511
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -110825,6 +111514,7 @@ function GW() {
|
|
|
110825
111514
|
|
|
110826
111515
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
110827
111516
|
--passwordbox-border-color: var(--joy-color-neutral-500);
|
|
111517
|
+
--passwordbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
110828
111518
|
}
|
|
110829
111519
|
|
|
110830
111520
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -110834,10 +111524,14 @@ function GW() {
|
|
|
110834
111524
|
:host([appearance="plain"]) {
|
|
110835
111525
|
--passwordbox-border-width: 0;
|
|
110836
111526
|
--passwordbox-background-color: var(--joy-scheme-transparent);
|
|
111527
|
+
--passwordbox-focus-ring-inward-offset: 0px;
|
|
111528
|
+
--passwordbox-focus-ring-outward-offset: 0px;
|
|
110837
111529
|
}
|
|
110838
111530
|
|
|
110839
111531
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
110840
111532
|
--passwordbox-background-color: var(--joy-scheme-highlight);
|
|
111533
|
+
--passwordbox-focus-ring-inward-offset: 0px;
|
|
111534
|
+
--passwordbox-focus-ring-outward-offset: 0px;
|
|
110841
111535
|
}
|
|
110842
111536
|
|
|
110843
111537
|
`;
|
|
@@ -110852,6 +111546,10 @@ function KW() {
|
|
|
110852
111546
|
--passwordbox-border-radius: var(--memphis-layout-radius);
|
|
110853
111547
|
--passwordbox-border-style: solid;
|
|
110854
111548
|
--passwordbox-border-width: var(--memphis-layout-thickness);
|
|
111549
|
+
--passwordbox-focus-ring-active-width: 8px;
|
|
111550
|
+
--passwordbox-focus-ring-color: unset;
|
|
111551
|
+
--passwordbox-focus-ring-inward-offset: 2px;
|
|
111552
|
+
--passwordbox-focus-ring-outward-offset: 2px;
|
|
110855
111553
|
--passwordbox-focus-ring-width: 0px;
|
|
110856
111554
|
--passwordbox-font-family: var(--memphis-font-family);
|
|
110857
111555
|
--passwordbox-font-letter-spacing: unset;
|
|
@@ -110947,6 +111645,13 @@ function KW() {
|
|
|
110947
111645
|
display: flex;
|
|
110948
111646
|
}
|
|
110949
111647
|
|
|
111648
|
+
:host [part="focusRing"] {
|
|
111649
|
+
--focus-ring-color: var(--passwordbox-focus-ring-color);
|
|
111650
|
+
--focus-ring-active-width: var(--passwordbox-focus-ring-active-width);
|
|
111651
|
+
--focus-ring-inward-offset: var(--passwordbox-focus-ring-inward-offset);
|
|
111652
|
+
--focus-ring-outward-offset: var(--passwordbox-focus-ring-outward-offset);
|
|
111653
|
+
}
|
|
111654
|
+
|
|
110950
111655
|
:host [part="prefix"] {
|
|
110951
111656
|
gap: var(--passwordbox-gap);
|
|
110952
111657
|
flex-grow: 0;
|
|
@@ -111367,6 +112072,10 @@ function QW() {
|
|
|
111367
112072
|
--pinbox-border-radius: unset;
|
|
111368
112073
|
--pinbox-border-style: unset;
|
|
111369
112074
|
--pinbox-border-width: unset;
|
|
112075
|
+
--pinbox-focus-ring-active-width: 8px;
|
|
112076
|
+
--pinbox-focus-ring-color: unset;
|
|
112077
|
+
--pinbox-focus-ring-inward-offset: 2px;
|
|
112078
|
+
--pinbox-focus-ring-outward-offset: 2px;
|
|
111370
112079
|
--pinbox-font-family: var(--cosmopolitan-font-family);
|
|
111371
112080
|
--pinbox-font-letter-spacing: unset;
|
|
111372
112081
|
--pinbox-font-line-height: unset;
|
|
@@ -111446,6 +112155,13 @@ function QW() {
|
|
|
111446
112155
|
display: flex;
|
|
111447
112156
|
}
|
|
111448
112157
|
|
|
112158
|
+
:host [part="focusRing"] {
|
|
112159
|
+
--focus-ring-color: var(--pinbox-focus-ring-color);
|
|
112160
|
+
--focus-ring-active-width: var(--pinbox-focus-ring-active-width);
|
|
112161
|
+
--focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
|
|
112162
|
+
--focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
|
|
112163
|
+
}
|
|
112164
|
+
|
|
111449
112165
|
:host [part="root"] {
|
|
111450
112166
|
gap: var(--pinbox-gap);
|
|
111451
112167
|
flex: 1;
|
|
@@ -111504,6 +112220,11 @@ function $W() {
|
|
|
111504
112220
|
--pinbox-border-radius: var(--joy-layout-radius);
|
|
111505
112221
|
--pinbox-border-style: solid;
|
|
111506
112222
|
--pinbox-border-width: var(--joy-layout-thickness);
|
|
112223
|
+
--pinbox-focus-ring-active-width: 8px;
|
|
112224
|
+
--pinbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
112225
|
+
--pinbox-focus-ring-inward-offset: 2px;
|
|
112226
|
+
--pinbox-focus-ring-outward-offset: 0px;
|
|
112227
|
+
--pinbox-focus-ring-width: 0px;
|
|
111507
112228
|
--pinbox-font-family: var(--joy-font-family);
|
|
111508
112229
|
--pinbox-font-letter-spacing: unset;
|
|
111509
112230
|
--pinbox-font-line-height: unset;
|
|
@@ -111583,6 +112304,13 @@ function $W() {
|
|
|
111583
112304
|
display: flex;
|
|
111584
112305
|
}
|
|
111585
112306
|
|
|
112307
|
+
:host [part="focusRing"] {
|
|
112308
|
+
--focus-ring-color: var(--pinbox-focus-ring-color);
|
|
112309
|
+
--focus-ring-active-width: var(--pinbox-focus-ring-active-width);
|
|
112310
|
+
--focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
|
|
112311
|
+
--focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
|
|
112312
|
+
}
|
|
112313
|
+
|
|
111586
112314
|
:host [part="root"] {
|
|
111587
112315
|
gap: var(--pinbox-gap);
|
|
111588
112316
|
flex: 1;
|
|
@@ -111653,47 +112381,60 @@ function $W() {
|
|
|
111653
112381
|
|
|
111654
112382
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111655
112383
|
--pinbox-border-color: var(--joy-color-primary-500);
|
|
112384
|
+
--pinbox-focus-ring-color: var(--joy-color-primary-500);
|
|
111656
112385
|
}
|
|
111657
112386
|
|
|
111658
112387
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111659
112388
|
--pinbox-border-color: var(--joy-color-secondary-500);
|
|
112389
|
+
--pinbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
111660
112390
|
}
|
|
111661
112391
|
|
|
111662
112392
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111663
112393
|
--pinbox-border-color: var(--joy-color-tertiary-500);
|
|
112394
|
+
--pinbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
111664
112395
|
}
|
|
111665
112396
|
|
|
111666
112397
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111667
112398
|
--pinbox-border-color: var(--joy-color-danger-500);
|
|
112399
|
+
--pinbox-focus-ring-color: var(--joy-color-danger-500);
|
|
111668
112400
|
}
|
|
111669
112401
|
|
|
111670
112402
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111671
112403
|
--pinbox-border-color: var(--joy-color-warning-500);
|
|
112404
|
+
--pinbox-focus-ring-color: var(--joy-color-warning-500);
|
|
111672
112405
|
}
|
|
111673
112406
|
|
|
111674
112407
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111675
112408
|
--pinbox-border-color: var(--joy-color-success-500);
|
|
112409
|
+
--pinbox-focus-ring-color: var(--joy-color-success-500);
|
|
111676
112410
|
}
|
|
111677
112411
|
|
|
111678
112412
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111679
112413
|
--pinbox-border-color: var(--joy-color-info-500);
|
|
112414
|
+
--pinbox-focus-ring-color: var(--joy-color-info-500);
|
|
111680
112415
|
}
|
|
111681
112416
|
|
|
111682
112417
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111683
112418
|
--pinbox-border-color: var(--joy-color-highlight-500);
|
|
112419
|
+
--pinbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
111684
112420
|
}
|
|
111685
112421
|
|
|
111686
112422
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
111687
112423
|
--pinbox-border-color: var(--joy-color-neutral-500);
|
|
112424
|
+
--pinbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
111688
112425
|
}
|
|
111689
112426
|
|
|
111690
112427
|
:host([appearance="plain"]) {
|
|
111691
112428
|
--pinbox-border-width: 0;
|
|
111692
112429
|
--pinbox-background-color: var(--joy-scheme-transparent);
|
|
112430
|
+
--pinbox-focus-ring-inward-offset: 0px;
|
|
112431
|
+
--pinbox-focus-ring-outward-offset: 0px;
|
|
111693
112432
|
}
|
|
111694
112433
|
|
|
111695
112434
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
111696
112435
|
--pinbox-background-color: var(--joy-scheme-highlight);
|
|
112436
|
+
--pinbox-focus-ring-inward-offset: 0px;
|
|
112437
|
+
--pinbox-focus-ring-outward-offset: 0px;
|
|
111697
112438
|
}
|
|
111698
112439
|
|
|
111699
112440
|
`;
|
|
@@ -111708,6 +112449,10 @@ function eG() {
|
|
|
111708
112449
|
--pinbox-border-radius: var(--memphis-layout-radius);
|
|
111709
112450
|
--pinbox-border-style: solid;
|
|
111710
112451
|
--pinbox-border-width: var(--memphis-layout-thickness);
|
|
112452
|
+
--pinbox-focus-ring-active-width: 8px;
|
|
112453
|
+
--pinbox-focus-ring-color: unset;
|
|
112454
|
+
--pinbox-focus-ring-inward-offset: 2px;
|
|
112455
|
+
--pinbox-focus-ring-outward-offset: 2px;
|
|
111711
112456
|
--pinbox-font-family: var(--memphis-font-family);
|
|
111712
112457
|
--pinbox-font-letter-spacing: unset;
|
|
111713
112458
|
--pinbox-font-line-height: unset;
|
|
@@ -111787,6 +112532,13 @@ function eG() {
|
|
|
111787
112532
|
display: flex;
|
|
111788
112533
|
}
|
|
111789
112534
|
|
|
112535
|
+
:host [part="focusRing"] {
|
|
112536
|
+
--focus-ring-color: var(--pinbox-focus-ring-color);
|
|
112537
|
+
--focus-ring-active-width: var(--pinbox-focus-ring-active-width);
|
|
112538
|
+
--focus-ring-inward-offset: var(--pinbox-focus-ring-inward-offset);
|
|
112539
|
+
--focus-ring-outward-offset: var(--pinbox-focus-ring-outward-offset);
|
|
112540
|
+
}
|
|
112541
|
+
|
|
111790
112542
|
:host [part="root"] {
|
|
111791
112543
|
gap: var(--pinbox-gap);
|
|
111792
112544
|
flex: 1;
|
|
@@ -114664,6 +115416,9 @@ function YG() {
|
|
|
114664
115416
|
--richtextbox-border-radius: unset;
|
|
114665
115417
|
--richtextbox-border-style: unset;
|
|
114666
115418
|
--richtextbox-border-width: unset;
|
|
115419
|
+
--richtextbox-focus-ring-active-width: 8px;
|
|
115420
|
+
--richtextbox-focus-ring-color: unset;
|
|
115421
|
+
--richtextbox-focus-ring-inward-offset: 2px;
|
|
114667
115422
|
--richtextbox-focus-ring-outward-offset: unset;
|
|
114668
115423
|
--richtextbox-font-family: var(--cosmopolitan-font-family);
|
|
114669
115424
|
--richtextbox-font-letter-spacing: unset;
|
|
@@ -114763,6 +115518,13 @@ function YG() {
|
|
|
114763
115518
|
display: flex;
|
|
114764
115519
|
}
|
|
114765
115520
|
|
|
115521
|
+
:host [part="focusRing"] {
|
|
115522
|
+
--focus-ring-color: var(--richtextbox-focus-ring-color);
|
|
115523
|
+
--focus-ring-active-width: var(--richtextbox-focus-ring-active-width);
|
|
115524
|
+
--focus-ring-inward-offset: var(--richtextbox-focus-ring-inward-offset);
|
|
115525
|
+
--focus-ring-outward-offset: var(--richtextbox-focus-ring-outward-offset);
|
|
115526
|
+
}
|
|
115527
|
+
|
|
114766
115528
|
:host [part="suffix"] {
|
|
114767
115529
|
gap: var(--richtextbox-gap);
|
|
114768
115530
|
flex-grow: 0;
|
|
@@ -114901,6 +115663,11 @@ function XG() {
|
|
|
114901
115663
|
--richtextbox-border-radius: var(--joy-layout-radius);
|
|
114902
115664
|
--richtextbox-border-style: solid;
|
|
114903
115665
|
--richtextbox-border-width: var(--joy-layout-thickness);
|
|
115666
|
+
--richtextbox-focus-ring-active-width: 8px;
|
|
115667
|
+
--richtextbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
115668
|
+
--richtextbox-focus-ring-inward-offset: 2px;
|
|
115669
|
+
--richtextbox-focus-ring-outward-offset: 0px;
|
|
115670
|
+
--richtextbox-focus-ring-width: 0px;
|
|
114904
115671
|
--richtextbox-font-family: var(--joy-font-family);
|
|
114905
115672
|
--richtextbox-font-letter-spacing: unset;
|
|
114906
115673
|
--richtextbox-font-line-height: unset;
|
|
@@ -114998,6 +115765,13 @@ function XG() {
|
|
|
114998
115765
|
display: flex;
|
|
114999
115766
|
}
|
|
115000
115767
|
|
|
115768
|
+
:host [part="focusRing"] {
|
|
115769
|
+
--focus-ring-color: var(--richtextbox-focus-ring-color);
|
|
115770
|
+
--focus-ring-active-width: var(--richtextbox-focus-ring-active-width);
|
|
115771
|
+
--focus-ring-inward-offset: var(--richtextbox-focus-ring-inward-offset);
|
|
115772
|
+
--focus-ring-outward-offset: var(--richtextbox-focus-ring-outward-offset);
|
|
115773
|
+
}
|
|
115774
|
+
|
|
115001
115775
|
:host [part="suffix"] {
|
|
115002
115776
|
gap: var(--richtextbox-gap);
|
|
115003
115777
|
flex-grow: 0;
|
|
@@ -115163,6 +115937,8 @@ function XG() {
|
|
|
115163
115937
|
|
|
115164
115938
|
:host([appearance="plain"]) {
|
|
115165
115939
|
--richtextbox-background-color: var(--joy-scheme-transparent);
|
|
115940
|
+
--richtextbox-focus-ring-inward-offset: 0px;
|
|
115941
|
+
--richtextbox-focus-ring-outward-offset: 0px;
|
|
115166
115942
|
}
|
|
115167
115943
|
|
|
115168
115944
|
:host([appearance="plain"]) [part="toolbox"] {
|
|
@@ -115171,6 +115947,8 @@ function XG() {
|
|
|
115171
115947
|
|
|
115172
115948
|
:host([appearance="soft"]) {
|
|
115173
115949
|
--richtextbox-background-color: var(--joy-scheme-highlight);
|
|
115950
|
+
--richtextbox-focus-ring-inward-offset: 0px;
|
|
115951
|
+
--richtextbox-focus-ring-outward-offset: 0px;
|
|
115174
115952
|
}
|
|
115175
115953
|
|
|
115176
115954
|
:host([appearance="soft"]) [part="toolbox"] {
|
|
@@ -115179,6 +115957,8 @@ function XG() {
|
|
|
115179
115957
|
|
|
115180
115958
|
:host([appearance="solid"]) {
|
|
115181
115959
|
--richtextbox-background-color: var(--joy-scheme-highlight);
|
|
115960
|
+
--richtextbox-focus-ring-inward-offset: 0px;
|
|
115961
|
+
--richtextbox-focus-ring-outward-offset: 0px;
|
|
115182
115962
|
}
|
|
115183
115963
|
|
|
115184
115964
|
:host([appearance="solid"]) [part="toolbox"] {
|
|
@@ -115187,6 +115967,7 @@ function XG() {
|
|
|
115187
115967
|
|
|
115188
115968
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115189
115969
|
--richtextbox-border-color: var(--joy-color-primary-500);
|
|
115970
|
+
--richtextbox-focus-ring-color: var(--joy-color-primary-500);
|
|
115190
115971
|
}
|
|
115191
115972
|
|
|
115192
115973
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115195,6 +115976,7 @@ function XG() {
|
|
|
115195
115976
|
|
|
115196
115977
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115197
115978
|
--richtextbox-border-color: var(--joy-color-primary-500);
|
|
115979
|
+
--richtextbox-focus-ring-color: var(--joy-color-primary-500);
|
|
115198
115980
|
}
|
|
115199
115981
|
|
|
115200
115982
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115203,6 +115985,7 @@ function XG() {
|
|
|
115203
115985
|
|
|
115204
115986
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115205
115987
|
--richtextbox-border-color: var(--joy-color-secondary-500);
|
|
115988
|
+
--richtextbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
115206
115989
|
}
|
|
115207
115990
|
|
|
115208
115991
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115211,6 +115994,7 @@ function XG() {
|
|
|
115211
115994
|
|
|
115212
115995
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115213
115996
|
--richtextbox-border-color: var(--joy-color-secondary-500);
|
|
115997
|
+
--richtextbox-focus-ring-color: var(--joy-color-secondary-500);
|
|
115214
115998
|
}
|
|
115215
115999
|
|
|
115216
116000
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115219,6 +116003,7 @@ function XG() {
|
|
|
115219
116003
|
|
|
115220
116004
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115221
116005
|
--richtextbox-border-color: var(--joy-color-tertiary-500);
|
|
116006
|
+
--richtextbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
115222
116007
|
}
|
|
115223
116008
|
|
|
115224
116009
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115227,6 +116012,7 @@ function XG() {
|
|
|
115227
116012
|
|
|
115228
116013
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115229
116014
|
--richtextbox-border-color: var(--joy-color-tertiary-500);
|
|
116015
|
+
--richtextbox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
115230
116016
|
}
|
|
115231
116017
|
|
|
115232
116018
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115235,6 +116021,7 @@ function XG() {
|
|
|
115235
116021
|
|
|
115236
116022
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115237
116023
|
--richtextbox-border-color: var(--joy-color-danger-500);
|
|
116024
|
+
--richtextbox-focus-ring-color: var(--joy-color-danger-500);
|
|
115238
116025
|
}
|
|
115239
116026
|
|
|
115240
116027
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115243,6 +116030,7 @@ function XG() {
|
|
|
115243
116030
|
|
|
115244
116031
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115245
116032
|
--richtextbox-border-color: var(--joy-color-danger-500);
|
|
116033
|
+
--richtextbox-focus-ring-color: var(--joy-color-danger-500);
|
|
115246
116034
|
}
|
|
115247
116035
|
|
|
115248
116036
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115251,6 +116039,7 @@ function XG() {
|
|
|
115251
116039
|
|
|
115252
116040
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115253
116041
|
--richtextbox-border-color: var(--joy-color-warning-500);
|
|
116042
|
+
--richtextbox-focus-ring-color: var(--joy-color-warning-500);
|
|
115254
116043
|
}
|
|
115255
116044
|
|
|
115256
116045
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115259,6 +116048,7 @@ function XG() {
|
|
|
115259
116048
|
|
|
115260
116049
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115261
116050
|
--richtextbox-border-color: var(--joy-color-warning-500);
|
|
116051
|
+
--richtextbox-focus-ring-color: var(--joy-color-warning-500);
|
|
115262
116052
|
}
|
|
115263
116053
|
|
|
115264
116054
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115267,6 +116057,7 @@ function XG() {
|
|
|
115267
116057
|
|
|
115268
116058
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115269
116059
|
--richtextbox-border-color: var(--joy-color-success-500);
|
|
116060
|
+
--richtextbox-focus-ring-color: var(--joy-color-success-500);
|
|
115270
116061
|
}
|
|
115271
116062
|
|
|
115272
116063
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115275,6 +116066,7 @@ function XG() {
|
|
|
115275
116066
|
|
|
115276
116067
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115277
116068
|
--richtextbox-border-color: var(--joy-color-success-500);
|
|
116069
|
+
--richtextbox-focus-ring-color: var(--joy-color-success-500);
|
|
115278
116070
|
}
|
|
115279
116071
|
|
|
115280
116072
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115283,6 +116075,7 @@ function XG() {
|
|
|
115283
116075
|
|
|
115284
116076
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115285
116077
|
--richtextbox-border-color: var(--joy-color-info-500);
|
|
116078
|
+
--richtextbox-focus-ring-color: var(--joy-color-info-500);
|
|
115286
116079
|
}
|
|
115287
116080
|
|
|
115288
116081
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115291,6 +116084,7 @@ function XG() {
|
|
|
115291
116084
|
|
|
115292
116085
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115293
116086
|
--richtextbox-border-color: var(--joy-color-info-500);
|
|
116087
|
+
--richtextbox-focus-ring-color: var(--joy-color-info-500);
|
|
115294
116088
|
}
|
|
115295
116089
|
|
|
115296
116090
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115299,6 +116093,7 @@ function XG() {
|
|
|
115299
116093
|
|
|
115300
116094
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115301
116095
|
--richtextbox-border-color: var(--joy-color-highlight-500);
|
|
116096
|
+
--richtextbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
115302
116097
|
}
|
|
115303
116098
|
|
|
115304
116099
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115307,6 +116102,7 @@ function XG() {
|
|
|
115307
116102
|
|
|
115308
116103
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115309
116104
|
--richtextbox-border-color: var(--joy-color-highlight-500);
|
|
116105
|
+
--richtextbox-focus-ring-color: var(--joy-color-highlight-500);
|
|
115310
116106
|
}
|
|
115311
116107
|
|
|
115312
116108
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115315,6 +116111,7 @@ function XG() {
|
|
|
115315
116111
|
|
|
115316
116112
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
115317
116113
|
--richtextbox-border-color: var(--joy-color-neutral-500);
|
|
116114
|
+
--richtextbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
115318
116115
|
}
|
|
115319
116116
|
|
|
115320
116117
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -115323,6 +116120,7 @@ function XG() {
|
|
|
115323
116120
|
|
|
115324
116121
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
115325
116122
|
--richtextbox-border-color: var(--joy-color-neutral-500);
|
|
116123
|
+
--richtextbox-focus-ring-color: var(--joy-color-neutral-500);
|
|
115326
116124
|
}
|
|
115327
116125
|
|
|
115328
116126
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -115341,6 +116139,9 @@ function ZG() {
|
|
|
115341
116139
|
--richtextbox-border-radius: unset;
|
|
115342
116140
|
--richtextbox-border-style: unset;
|
|
115343
116141
|
--richtextbox-border-width: unset;
|
|
116142
|
+
--richtextbox-focus-ring-active-width: 8px;
|
|
116143
|
+
--richtextbox-focus-ring-color: unset;
|
|
116144
|
+
--richtextbox-focus-ring-inward-offset: 2px;
|
|
115344
116145
|
--richtextbox-focus-ring-outward-offset: unset;
|
|
115345
116146
|
--richtextbox-font-family: unset;
|
|
115346
116147
|
--richtextbox-font-letter-spacing: unset;
|
|
@@ -115440,6 +116241,13 @@ function ZG() {
|
|
|
115440
116241
|
display: flex;
|
|
115441
116242
|
}
|
|
115442
116243
|
|
|
116244
|
+
:host [part="focusRing"] {
|
|
116245
|
+
--focus-ring-color: var(--richtextbox-focus-ring-color);
|
|
116246
|
+
--focus-ring-active-width: var(--richtextbox-focus-ring-active-width);
|
|
116247
|
+
--focus-ring-inward-offset: var(--richtextbox-focus-ring-inward-offset);
|
|
116248
|
+
--focus-ring-outward-offset: var(--richtextbox-focus-ring-outward-offset);
|
|
116249
|
+
}
|
|
116250
|
+
|
|
115443
116251
|
:host [part="suffix"] {
|
|
115444
116252
|
gap: var(--richtextbox-gap);
|
|
115445
116253
|
flex-grow: 0;
|
|
@@ -124241,9 +125049,9 @@ function Pq() {
|
|
|
124241
125049
|
--searchbox-border-style: solid;
|
|
124242
125050
|
--searchbox-border-width: var(--joy-layout-thickness);
|
|
124243
125051
|
--searchbox-focus-ring-active-width: 8px;
|
|
124244
|
-
--searchbox-focus-ring-color:
|
|
125052
|
+
--searchbox-focus-ring-color: var(--joy-scheme-highlight);
|
|
124245
125053
|
--searchbox-focus-ring-inward-offset: 2px;
|
|
124246
|
-
--searchbox-focus-ring-outward-offset:
|
|
125054
|
+
--searchbox-focus-ring-outward-offset: 0px;
|
|
124247
125055
|
--searchbox-focus-ring-width: 0px;
|
|
124248
125056
|
--searchbox-font-family: var(--joy-font-family);
|
|
124249
125057
|
--searchbox-font-letter-spacing: unset;
|
|
@@ -124484,10 +125292,14 @@ function Pq() {
|
|
|
124484
125292
|
|
|
124485
125293
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
124486
125294
|
--searchbox-background-color: var(--joy-scheme-highlight);
|
|
125295
|
+
--searchbox-focus-ring-inward-offset: 0px;
|
|
125296
|
+
--searchbox-focus-ring-outward-offset: 0px;
|
|
124487
125297
|
}
|
|
124488
125298
|
|
|
124489
125299
|
:host([appearance="plain"]) {
|
|
124490
125300
|
--searchbox-border-width: 0;
|
|
125301
|
+
--searchbox-focus-ring-inward-offset: 0px;
|
|
125302
|
+
--searchbox-focus-ring-outward-offset: 0px;
|
|
124491
125303
|
}
|
|
124492
125304
|
|
|
124493
125305
|
`;
|
|
@@ -125470,11 +126282,11 @@ function Xq() {
|
|
|
125470
126282
|
--select-font-text-transform: var(--cosmopolitan-typography-body2-text-transform);
|
|
125471
126283
|
--select-font-weight: normal;
|
|
125472
126284
|
--select-foreground-color: unset;
|
|
125473
|
-
--select-gap:
|
|
125474
|
-
--select-padding-bottom:
|
|
125475
|
-
--select-padding-left:
|
|
125476
|
-
--select-padding-right:
|
|
125477
|
-
--select-padding-top:
|
|
126285
|
+
--select-gap: var(--cosmopolitan-layout-space);
|
|
126286
|
+
--select-padding-bottom: calc(var(--cosmopolitan-layout-space) / 2);
|
|
126287
|
+
--select-padding-left: calc(var(--cosmopolitan-layout-space) * 1.5);
|
|
126288
|
+
--select-padding-right: calc(var(--cosmopolitan-layout-space) * 1.5);
|
|
126289
|
+
--select-padding-top: calc(var(--cosmopolitan-layout-space) / 2);
|
|
125478
126290
|
--select-shadow: unset unset unset unset unset;
|
|
125479
126291
|
--select-shadow-blur: unset;
|
|
125480
126292
|
--select-shadow-color: unset;
|
|
@@ -125543,6 +126355,7 @@ function Xq() {
|
|
|
125543
126355
|
|
|
125544
126356
|
:host [part="input"] {
|
|
125545
126357
|
cursor: inherit;
|
|
126358
|
+
background: inherit;
|
|
125546
126359
|
--textbox-border-color: var(--select-border-color);
|
|
125547
126360
|
--textbox-border-radius: var(--select-border-radius);
|
|
125548
126361
|
}
|
|
@@ -125602,9 +126415,10 @@ function Zq() {
|
|
|
125602
126415
|
--select-border-style: solid;
|
|
125603
126416
|
--select-border-width: var(--joy-layout-thickness);
|
|
125604
126417
|
--select-focus-ring-active-width: 8px;
|
|
125605
|
-
--select-focus-ring-color: var(--joy-
|
|
126418
|
+
--select-focus-ring-color: var(--joy-scheme-highlight);
|
|
125606
126419
|
--select-focus-ring-inward-offset: 2px;
|
|
125607
|
-
--select-focus-ring-outward-offset:
|
|
126420
|
+
--select-focus-ring-outward-offset: 0px;
|
|
126421
|
+
--select-focus-ring-width: 0px;
|
|
125608
126422
|
--select-font-family: var(--joy-font-family);
|
|
125609
126423
|
--select-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
|
|
125610
126424
|
--select-font-line-height: var(--joy-typography-body2-line-height);
|
|
@@ -125626,7 +126440,7 @@ function Zq() {
|
|
|
125626
126440
|
--select-shadow-spread: unset;
|
|
125627
126441
|
--select-transition-duration: var(--joy-duration-short);
|
|
125628
126442
|
--select-transition-mode: ease;
|
|
125629
|
-
--select-transition-property:
|
|
126443
|
+
--select-transition-property: transform;
|
|
125630
126444
|
--select-translate: none;
|
|
125631
126445
|
}
|
|
125632
126446
|
|
|
@@ -125686,6 +126500,7 @@ function Zq() {
|
|
|
125686
126500
|
|
|
125687
126501
|
:host [part="input"] {
|
|
125688
126502
|
cursor: inherit;
|
|
126503
|
+
background: inherit;
|
|
125689
126504
|
--textbox-border-color: var(--select-border-color);
|
|
125690
126505
|
--textbox-border-radius: var(--select-border-radius);
|
|
125691
126506
|
}
|
|
@@ -125735,45 +126550,173 @@ function Zq() {
|
|
|
125735
126550
|
:host([appearance="plain"]) {
|
|
125736
126551
|
--select-border-width: 0;
|
|
125737
126552
|
--select-background-color: var(--joy-scheme-transparent);
|
|
126553
|
+
--select-focus-ring-inward-offset: 0px;
|
|
126554
|
+
--select-focus-ring-outward-offset: 0px;
|
|
125738
126555
|
}
|
|
125739
126556
|
|
|
125740
126557
|
:host([appearance="plain"]) [part="focusRing"] {
|
|
125741
126558
|
--focus-ring-outward-offset: 0px;
|
|
125742
126559
|
}
|
|
125743
126560
|
|
|
125744
|
-
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus)
|
|
126561
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126562
|
+
--select-border-color: var(--joy-color-primary-500);
|
|
126563
|
+
--select-focus-ring-color: var(--joy-color-primary-500);
|
|
126564
|
+
}
|
|
126565
|
+
|
|
126566
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
125745
126567
|
--select-border-color: var(--joy-color-primary-500);
|
|
125746
126568
|
}
|
|
125747
126569
|
|
|
125748
|
-
:host([variant="
|
|
126570
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126571
|
+
--select-border-color: var(--joy-color-primary-500);
|
|
126572
|
+
--select-focus-ring-color: var(--joy-color-primary-500);
|
|
126573
|
+
}
|
|
126574
|
+
|
|
126575
|
+
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126576
|
+
--select-border-color: var(--joy-color-primary-500);
|
|
126577
|
+
}
|
|
126578
|
+
|
|
126579
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126580
|
+
--select-border-color: var(--joy-color-secondary-500);
|
|
126581
|
+
--select-focus-ring-color: var(--joy-color-secondary-500);
|
|
126582
|
+
}
|
|
126583
|
+
|
|
126584
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126585
|
+
--select-border-color: var(--joy-color-secondary-500);
|
|
126586
|
+
}
|
|
126587
|
+
|
|
126588
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126589
|
+
--select-border-color: var(--joy-color-secondary-500);
|
|
126590
|
+
--select-focus-ring-color: var(--joy-color-secondary-500);
|
|
126591
|
+
}
|
|
126592
|
+
|
|
126593
|
+
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
125749
126594
|
--select-border-color: var(--joy-color-secondary-500);
|
|
125750
126595
|
}
|
|
125751
126596
|
|
|
125752
|
-
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus)
|
|
126597
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
125753
126598
|
--select-border-color: var(--joy-color-tertiary-500);
|
|
126599
|
+
--select-focus-ring-color: var(--joy-color-tertiary-500);
|
|
125754
126600
|
}
|
|
125755
126601
|
|
|
125756
|
-
:host([variant="
|
|
126602
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126603
|
+
--select-border-color: var(--joy-color-tertiary-500);
|
|
126604
|
+
}
|
|
126605
|
+
|
|
126606
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126607
|
+
--select-border-color: var(--joy-color-tertiary-500);
|
|
126608
|
+
--select-focus-ring-color: var(--joy-color-tertiary-500);
|
|
126609
|
+
}
|
|
126610
|
+
|
|
126611
|
+
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126612
|
+
--select-border-color: var(--joy-color-tertiary-500);
|
|
126613
|
+
}
|
|
126614
|
+
|
|
126615
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
125757
126616
|
--select-border-color: var(--joy-color-danger-500);
|
|
126617
|
+
--select-focus-ring-color: var(--joy-color-danger-500);
|
|
126618
|
+
}
|
|
126619
|
+
|
|
126620
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126621
|
+
--select-border-color: var(--joy-color-danger-500);
|
|
126622
|
+
}
|
|
126623
|
+
|
|
126624
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126625
|
+
--select-border-color: var(--joy-color-danger-500);
|
|
126626
|
+
--select-focus-ring-color: var(--joy-color-danger-500);
|
|
126627
|
+
}
|
|
126628
|
+
|
|
126629
|
+
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126630
|
+
--select-border-color: var(--joy-color-danger-500);
|
|
126631
|
+
}
|
|
126632
|
+
|
|
126633
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126634
|
+
--select-border-color: var(--joy-color-warning-500);
|
|
126635
|
+
--select-focus-ring-color: var(--joy-color-warning-500);
|
|
125758
126636
|
}
|
|
125759
126637
|
|
|
125760
|
-
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus)
|
|
126638
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
125761
126639
|
--select-border-color: var(--joy-color-warning-500);
|
|
125762
126640
|
}
|
|
125763
126641
|
|
|
125764
|
-
:host([variant="
|
|
126642
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126643
|
+
--select-border-color: var(--joy-color-warning-500);
|
|
126644
|
+
--select-focus-ring-color: var(--joy-color-warning-500);
|
|
126645
|
+
}
|
|
126646
|
+
|
|
126647
|
+
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126648
|
+
--select-border-color: var(--joy-color-warning-500);
|
|
126649
|
+
}
|
|
126650
|
+
|
|
126651
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126652
|
+
--select-border-color: var(--joy-color-success-500);
|
|
126653
|
+
--select-focus-ring-color: var(--joy-color-success-500);
|
|
126654
|
+
}
|
|
126655
|
+
|
|
126656
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
125765
126657
|
--select-border-color: var(--joy-color-success-500);
|
|
125766
126658
|
}
|
|
125767
126659
|
|
|
125768
|
-
:host([variant="
|
|
126660
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126661
|
+
--select-border-color: var(--joy-color-success-500);
|
|
126662
|
+
--select-focus-ring-color: var(--joy-color-success-500);
|
|
126663
|
+
}
|
|
126664
|
+
|
|
126665
|
+
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126666
|
+
--select-border-color: var(--joy-color-success-500);
|
|
126667
|
+
}
|
|
126668
|
+
|
|
126669
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126670
|
+
--select-border-color: var(--joy-color-info-500);
|
|
126671
|
+
--select-focus-ring-color: var(--joy-color-info-500);
|
|
126672
|
+
}
|
|
126673
|
+
|
|
126674
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126675
|
+
--select-border-color: var(--joy-color-info-500);
|
|
126676
|
+
}
|
|
126677
|
+
|
|
126678
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126679
|
+
--select-border-color: var(--joy-color-info-500);
|
|
126680
|
+
--select-focus-ring-color: var(--joy-color-info-500);
|
|
126681
|
+
}
|
|
126682
|
+
|
|
126683
|
+
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
125769
126684
|
--select-border-color: var(--joy-color-info-500);
|
|
125770
126685
|
}
|
|
125771
126686
|
|
|
125772
|
-
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus)
|
|
126687
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126688
|
+
--select-border-color: var(--joy-color-highlight-500);
|
|
126689
|
+
--select-focus-ring-color: var(--joy-color-highlight-500);
|
|
126690
|
+
}
|
|
126691
|
+
|
|
126692
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126693
|
+
--select-border-color: var(--joy-color-highlight-500);
|
|
126694
|
+
}
|
|
126695
|
+
|
|
126696
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
125773
126697
|
--select-border-color: var(--joy-color-highlight-500);
|
|
126698
|
+
--select-focus-ring-color: var(--joy-color-highlight-500);
|
|
126699
|
+
}
|
|
126700
|
+
|
|
126701
|
+
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
126702
|
+
--select-border-color: var(--joy-color-highlight-500);
|
|
126703
|
+
}
|
|
126704
|
+
|
|
126705
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
126706
|
+
--select-border-color: var(--joy-color-neutral-500);
|
|
126707
|
+
--select-focus-ring-color: var(--joy-color-neutral-500);
|
|
126708
|
+
}
|
|
126709
|
+
|
|
126710
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="popup"] {
|
|
126711
|
+
--select-border-color: var(--joy-color-neutral-500);
|
|
126712
|
+
}
|
|
126713
|
+
|
|
126714
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) {
|
|
126715
|
+
--select-border-color: var(--joy-color-neutral-500);
|
|
126716
|
+
--select-focus-ring-color: var(--joy-color-neutral-500);
|
|
125774
126717
|
}
|
|
125775
126718
|
|
|
125776
|
-
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):
|
|
126719
|
+
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover) [part="popup"] {
|
|
125777
126720
|
--select-border-color: var(--joy-color-neutral-500);
|
|
125778
126721
|
}
|
|
125779
126722
|
|
|
@@ -125874,6 +126817,7 @@ function Qq() {
|
|
|
125874
126817
|
|
|
125875
126818
|
:host [part="input"] {
|
|
125876
126819
|
cursor: inherit;
|
|
126820
|
+
background: inherit;
|
|
125877
126821
|
--textbox-border-color: var(--select-border-color);
|
|
125878
126822
|
--textbox-border-radius: var(--select-border-radius);
|
|
125879
126823
|
}
|
|
@@ -126637,6 +127581,10 @@ function lJ() {
|
|
|
126637
127581
|
--signaturepad-border-radius: unset;
|
|
126638
127582
|
--signaturepad-border-style: unset;
|
|
126639
127583
|
--signaturepad-border-width: unset;
|
|
127584
|
+
--signaturepad-focus-ring-active-width: 8px;
|
|
127585
|
+
--signaturepad-focus-ring-color: unset;
|
|
127586
|
+
--signaturepad-focus-ring-inward-offset: 2px;
|
|
127587
|
+
--signaturepad-focus-ring-outward-offset: 2px;
|
|
126640
127588
|
--signaturepad-font-family: var(--cosmopolitan-font-family);
|
|
126641
127589
|
--signaturepad-font-letter-spacing: unset;
|
|
126642
127590
|
--signaturepad-font-line-height: unset;
|
|
@@ -126719,6 +127667,13 @@ function lJ() {
|
|
|
126719
127667
|
overflow: hidden;
|
|
126720
127668
|
}
|
|
126721
127669
|
|
|
127670
|
+
:host [part="focusRing"] {
|
|
127671
|
+
--focus-ring-color: var(--signaturepad-focus-ring-color);
|
|
127672
|
+
--focus-ring-active-width: var(--signaturepad-focus-ring-active-width);
|
|
127673
|
+
--focus-ring-inward-offset: var(--signaturepad-focus-ring-inward-offset);
|
|
127674
|
+
--focus-ring-outward-offset: var(--signaturepad-focus-ring-outward-offset);
|
|
127675
|
+
}
|
|
127676
|
+
|
|
126722
127677
|
:host [part="placeholder"] {
|
|
126723
127678
|
pointer-events: none;
|
|
126724
127679
|
z-index: 1;
|
|
@@ -126752,6 +127707,11 @@ function uJ() {
|
|
|
126752
127707
|
--signaturepad-border-radius: var(--joy-layout-radius);
|
|
126753
127708
|
--signaturepad-border-style: solid;
|
|
126754
127709
|
--signaturepad-border-width: var(--joy-layout-thickness);
|
|
127710
|
+
--signaturepad-focus-ring-active-width: 8px;
|
|
127711
|
+
--signaturepad-focus-ring-color: var(--joy-scheme-highlight);
|
|
127712
|
+
--signaturepad-focus-ring-inward-offset: 2px;
|
|
127713
|
+
--signaturepad-focus-ring-outward-offset: 0px;
|
|
127714
|
+
--signaturepad-focus-ring-width: 0px;
|
|
126755
127715
|
--signaturepad-font-family: var(--joy-font-family);
|
|
126756
127716
|
--signaturepad-font-letter-spacing: unset;
|
|
126757
127717
|
--signaturepad-font-line-height: unset;
|
|
@@ -126834,6 +127794,13 @@ function uJ() {
|
|
|
126834
127794
|
overflow: hidden;
|
|
126835
127795
|
}
|
|
126836
127796
|
|
|
127797
|
+
:host [part="focusRing"] {
|
|
127798
|
+
--focus-ring-color: var(--signaturepad-focus-ring-color);
|
|
127799
|
+
--focus-ring-active-width: var(--signaturepad-focus-ring-active-width);
|
|
127800
|
+
--focus-ring-inward-offset: var(--signaturepad-focus-ring-inward-offset);
|
|
127801
|
+
--focus-ring-outward-offset: var(--signaturepad-focus-ring-outward-offset);
|
|
127802
|
+
}
|
|
127803
|
+
|
|
126837
127804
|
:host [part="placeholder"] {
|
|
126838
127805
|
pointer-events: none;
|
|
126839
127806
|
z-index: 1;
|
|
@@ -126865,38 +127832,47 @@ function uJ() {
|
|
|
126865
127832
|
|
|
126866
127833
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126867
127834
|
--signaturepad-border-color: var(--joy-color-primary-500);
|
|
127835
|
+
--signaturepad-focus-ring-color: var(--joy-color-primary-500);
|
|
126868
127836
|
}
|
|
126869
127837
|
|
|
126870
127838
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126871
127839
|
--signaturepad-border-color: var(--joy-color-secondary-500);
|
|
127840
|
+
--signaturepad-focus-ring-color: var(--joy-color-secondary-500);
|
|
126872
127841
|
}
|
|
126873
127842
|
|
|
126874
127843
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126875
127844
|
--signaturepad-border-color: var(--joy-color-tertiary-500);
|
|
127845
|
+
--signaturepad-focus-ring-color: var(--joy-color-tertiary-500);
|
|
126876
127846
|
}
|
|
126877
127847
|
|
|
126878
127848
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126879
127849
|
--signaturepad-border-color: var(--joy-color-danger-500);
|
|
127850
|
+
--signaturepad-focus-ring-color: var(--joy-color-danger-500);
|
|
126880
127851
|
}
|
|
126881
127852
|
|
|
126882
127853
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126883
127854
|
--signaturepad-border-color: var(--joy-color-warning-500);
|
|
127855
|
+
--signaturepad-focus-ring-color: var(--joy-color-warning-500);
|
|
126884
127856
|
}
|
|
126885
127857
|
|
|
126886
127858
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126887
127859
|
--signaturepad-border-color: var(--joy-color-success-500);
|
|
127860
|
+
--signaturepad-focus-ring-color: var(--joy-color-success-500);
|
|
126888
127861
|
}
|
|
126889
127862
|
|
|
126890
127863
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126891
127864
|
--signaturepad-border-color: var(--joy-color-info-500);
|
|
127865
|
+
--signaturepad-focus-ring-color: var(--joy-color-info-500);
|
|
126892
127866
|
}
|
|
126893
127867
|
|
|
126894
127868
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126895
127869
|
--signaturepad-border-color: var(--joy-color-highlight-500);
|
|
127870
|
+
--signaturepad-focus-ring-color: var(--joy-color-highlight-500);
|
|
126896
127871
|
}
|
|
126897
127872
|
|
|
126898
127873
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid])[is-focused]) {
|
|
126899
127874
|
--signaturepad-border-color: var(--joy-color-neutral-500);
|
|
127875
|
+
--signaturepad-focus-ring-color: var(--joy-color-neutral-500);
|
|
126900
127876
|
}
|
|
126901
127877
|
|
|
126902
127878
|
`;
|
|
@@ -126911,6 +127887,10 @@ function dJ() {
|
|
|
126911
127887
|
--signaturepad-border-radius: unset;
|
|
126912
127888
|
--signaturepad-border-style: unset;
|
|
126913
127889
|
--signaturepad-border-width: unset;
|
|
127890
|
+
--signaturepad-focus-ring-active-width: 8px;
|
|
127891
|
+
--signaturepad-focus-ring-color: unset;
|
|
127892
|
+
--signaturepad-focus-ring-inward-offset: 2px;
|
|
127893
|
+
--signaturepad-focus-ring-outward-offset: 2px;
|
|
126914
127894
|
--signaturepad-font-family: unset;
|
|
126915
127895
|
--signaturepad-font-letter-spacing: unset;
|
|
126916
127896
|
--signaturepad-font-line-height: unset;
|
|
@@ -126993,6 +127973,13 @@ function dJ() {
|
|
|
126993
127973
|
overflow: hidden;
|
|
126994
127974
|
}
|
|
126995
127975
|
|
|
127976
|
+
:host [part="focusRing"] {
|
|
127977
|
+
--focus-ring-color: var(--signaturepad-focus-ring-color);
|
|
127978
|
+
--focus-ring-active-width: var(--signaturepad-focus-ring-active-width);
|
|
127979
|
+
--focus-ring-inward-offset: var(--signaturepad-focus-ring-inward-offset);
|
|
127980
|
+
--focus-ring-outward-offset: var(--signaturepad-focus-ring-outward-offset);
|
|
127981
|
+
}
|
|
127982
|
+
|
|
126996
127983
|
:host [part="placeholder"] {
|
|
126997
127984
|
pointer-events: none;
|
|
126998
127985
|
z-index: 1;
|
|
@@ -128263,166 +129250,211 @@ function OJ() {
|
|
|
128263
129250
|
--menu-item-foreground-color: var(--joy-color-primary-800);
|
|
128264
129251
|
}
|
|
128265
129252
|
|
|
128266
|
-
:host(:not([disabled]:not([disabled="false"]))[is-active]) slot[name="subLabel"] mosaik-text
|
|
129253
|
+
:host(:not([disabled]:not([disabled="false"]))[is-active]) slot[name="subLabel"] mosaik-text {
|
|
128267
129254
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
128268
129255
|
}
|
|
128269
129256
|
|
|
129257
|
+
:host([appearance="plain"]), :host([appearance="solid"]) {
|
|
129258
|
+
--menu-item-focus-ring-inward-offset: 0px;
|
|
129259
|
+
--menu-item-focus-ring-outward-offset: 0px;
|
|
129260
|
+
}
|
|
129261
|
+
|
|
129262
|
+
:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
129263
|
+
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129264
|
+
--menu-item-focus-ring-color: var(--joy-color-primary-500);
|
|
129265
|
+
}
|
|
129266
|
+
|
|
128270
129267
|
:host([appearance="plain"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128271
129268
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128272
129269
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129270
|
+
--menu-item-focus-ring-color: var(--joy-color-primary-500);
|
|
128273
129271
|
}
|
|
128274
129272
|
|
|
128275
129273
|
:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
128276
129274
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129275
|
+
--menu-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
128277
129276
|
}
|
|
128278
129277
|
|
|
128279
129278
|
:host([appearance="plain"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128280
129279
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128281
129280
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129281
|
+
--menu-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
128282
129282
|
}
|
|
128283
129283
|
|
|
128284
129284
|
:host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
128285
129285
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129286
|
+
--menu-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
128286
129287
|
}
|
|
128287
129288
|
|
|
128288
129289
|
:host([appearance="plain"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128289
129290
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128290
129291
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129292
|
+
--menu-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
128291
129293
|
}
|
|
128292
129294
|
|
|
128293
129295
|
:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
128294
129296
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129297
|
+
--menu-item-focus-ring-color: var(--joy-color-danger-500);
|
|
128295
129298
|
}
|
|
128296
129299
|
|
|
128297
129300
|
:host([appearance="plain"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128298
129301
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128299
129302
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129303
|
+
--menu-item-focus-ring-color: var(--joy-color-danger-500);
|
|
128300
129304
|
}
|
|
128301
129305
|
|
|
128302
129306
|
:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
128303
129307
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129308
|
+
--menu-item-focus-ring-color: var(--joy-color-warning-500);
|
|
128304
129309
|
}
|
|
128305
129310
|
|
|
128306
129311
|
:host([appearance="plain"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128307
129312
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128308
129313
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129314
|
+
--menu-item-focus-ring-color: var(--joy-color-warning-500);
|
|
128309
129315
|
}
|
|
128310
129316
|
|
|
128311
129317
|
:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
128312
129318
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129319
|
+
--menu-item-focus-ring-color: var(--joy-color-success-500);
|
|
128313
129320
|
}
|
|
128314
129321
|
|
|
128315
129322
|
:host([appearance="plain"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128316
129323
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128317
129324
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129325
|
+
--menu-item-focus-ring-color: var(--joy-color-success-500);
|
|
128318
129326
|
}
|
|
128319
129327
|
|
|
128320
129328
|
:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
128321
129329
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129330
|
+
--menu-item-focus-ring-color: var(--joy-color-info-500);
|
|
128322
129331
|
}
|
|
128323
129332
|
|
|
128324
129333
|
:host([appearance="plain"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128325
129334
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128326
129335
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129336
|
+
--menu-item-focus-ring-color: var(--joy-color-info-500);
|
|
128327
129337
|
}
|
|
128328
129338
|
|
|
128329
129339
|
:host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
128330
129340
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129341
|
+
--menu-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
128331
129342
|
}
|
|
128332
129343
|
|
|
128333
129344
|
:host([appearance="plain"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128334
129345
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128335
129346
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129347
|
+
--menu-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
128336
129348
|
}
|
|
128337
129349
|
|
|
128338
129350
|
:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
128339
129351
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129352
|
+
--menu-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
128340
129353
|
}
|
|
128341
129354
|
|
|
128342
129355
|
:host([appearance="plain"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128343
129356
|
--menu-item-background-color: var(--joy-color-primary-100);
|
|
128344
129357
|
--menu-item-foreground-color: var(--joy-color-primary-500);
|
|
129358
|
+
--menu-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
128345
129359
|
}
|
|
128346
129360
|
|
|
128347
129361
|
:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"]))) {
|
|
128348
129362
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128349
129363
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129364
|
+
--menu-item-focus-ring-color: var(--joy-color-primary-500);
|
|
128350
129365
|
}
|
|
128351
129366
|
|
|
128352
129367
|
:host([appearance="solid"][variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128353
129368
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129369
|
+
--menu-item-focus-ring-color: var(--joy-color-primary-500);
|
|
128354
129370
|
}
|
|
128355
129371
|
|
|
128356
129372
|
:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"]))) {
|
|
128357
129373
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128358
129374
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129375
|
+
--menu-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
128359
129376
|
}
|
|
128360
129377
|
|
|
128361
129378
|
:host([appearance="solid"][variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128362
129379
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129380
|
+
--menu-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
128363
129381
|
}
|
|
128364
129382
|
|
|
128365
129383
|
:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"]))) {
|
|
128366
129384
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128367
129385
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129386
|
+
--menu-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
128368
129387
|
}
|
|
128369
129388
|
|
|
128370
129389
|
:host([appearance="solid"][variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128371
129390
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129391
|
+
--menu-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
128372
129392
|
}
|
|
128373
129393
|
|
|
128374
129394
|
:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"]))) {
|
|
128375
129395
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128376
129396
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129397
|
+
--menu-item-focus-ring-color: var(--joy-color-danger-500);
|
|
128377
129398
|
}
|
|
128378
129399
|
|
|
128379
129400
|
:host([appearance="solid"][variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128380
129401
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129402
|
+
--menu-item-focus-ring-color: var(--joy-color-danger-500);
|
|
128381
129403
|
}
|
|
128382
129404
|
|
|
128383
129405
|
:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"]))) {
|
|
128384
129406
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128385
129407
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129408
|
+
--menu-item-focus-ring-color: var(--joy-color-warning-500);
|
|
128386
129409
|
}
|
|
128387
129410
|
|
|
128388
129411
|
:host([appearance="solid"][variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128389
129412
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129413
|
+
--menu-item-focus-ring-color: var(--joy-color-warning-500);
|
|
128390
129414
|
}
|
|
128391
129415
|
|
|
128392
129416
|
:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"]))) {
|
|
128393
129417
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128394
129418
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129419
|
+
--menu-item-focus-ring-color: var(--joy-color-success-500);
|
|
128395
129420
|
}
|
|
128396
129421
|
|
|
128397
129422
|
:host([appearance="solid"][variant="success"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128398
129423
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129424
|
+
--menu-item-focus-ring-color: var(--joy-color-success-500);
|
|
128399
129425
|
}
|
|
128400
129426
|
|
|
128401
129427
|
:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"]))) {
|
|
128402
129428
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128403
129429
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129430
|
+
--menu-item-focus-ring-color: var(--joy-color-info-500);
|
|
128404
129431
|
}
|
|
128405
129432
|
|
|
128406
129433
|
:host([appearance="solid"][variant="info"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128407
129434
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129435
|
+
--menu-item-focus-ring-color: var(--joy-color-info-500);
|
|
128408
129436
|
}
|
|
128409
129437
|
|
|
128410
129438
|
:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"]))) {
|
|
128411
129439
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128412
129440
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129441
|
+
--menu-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
128413
129442
|
}
|
|
128414
129443
|
|
|
128415
129444
|
:host([appearance="solid"][variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128416
129445
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129446
|
+
--menu-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
128417
129447
|
}
|
|
128418
129448
|
|
|
128419
129449
|
:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"]))) {
|
|
128420
129450
|
--menu-item-background-color: var(--joy-color-primary-500);
|
|
128421
129451
|
--menu-item-foreground-color: var(--joy-color-primary-0);
|
|
129452
|
+
--menu-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
128422
129453
|
}
|
|
128423
129454
|
|
|
128424
129455
|
:host([appearance="solid"][variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
|
|
128425
129456
|
--menu-item-background-color: var(--joy-color-primary-600);
|
|
129457
|
+
--menu-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
128426
129458
|
}
|
|
128427
129459
|
|
|
128428
129460
|
`;
|
|
@@ -128904,6 +129936,10 @@ function PJ() {
|
|
|
128904
129936
|
--timebox-border-style: unset;
|
|
128905
129937
|
--timebox-border-width: unset;
|
|
128906
129938
|
--timebox-color: unset;
|
|
129939
|
+
--timebox-focus-ring-active-width: 8px;
|
|
129940
|
+
--timebox-focus-ring-color: unset;
|
|
129941
|
+
--timebox-focus-ring-inward-offset: 2px;
|
|
129942
|
+
--timebox-focus-ring-outward-offset: 2px;
|
|
128907
129943
|
--timebox-font-family: var(--cosmopolitan-font-family);
|
|
128908
129944
|
--timebox-font-letter-spacing: unset;
|
|
128909
129945
|
--timebox-font-line-height: unset;
|
|
@@ -129003,6 +130039,13 @@ function PJ() {
|
|
|
129003
130039
|
display: flex;
|
|
129004
130040
|
}
|
|
129005
130041
|
|
|
130042
|
+
:host [part="focusRing"] {
|
|
130043
|
+
--focus-ring-color: var(--timebox-focus-ring-color);
|
|
130044
|
+
--focus-ring-active-width: var(--timebox-focus-ring-active-width);
|
|
130045
|
+
--focus-ring-inward-offset: var(--timebox-focus-ring-inward-offset);
|
|
130046
|
+
--focus-ring-outward-offset: var(--timebox-focus-ring-outward-offset);
|
|
130047
|
+
}
|
|
130048
|
+
|
|
129006
130049
|
:host [part="prefix"] {
|
|
129007
130050
|
gap: var(--timebox-gap);
|
|
129008
130051
|
flex-grow: 0;
|
|
@@ -129150,6 +130193,11 @@ function FJ() {
|
|
|
129150
130193
|
--timebox-border-radius: var(--joy-layout-radius);
|
|
129151
130194
|
--timebox-border-style: solid;
|
|
129152
130195
|
--timebox-border-width: var(--joy-layout-thickness);
|
|
130196
|
+
--timebox-focus-ring-active-width: 8px;
|
|
130197
|
+
--timebox-focus-ring-color: var(--joy-scheme-highlight);
|
|
130198
|
+
--timebox-focus-ring-inward-offset: 2px;
|
|
130199
|
+
--timebox-focus-ring-outward-offset: 0px;
|
|
130200
|
+
--timebox-focus-ring-width: 0px;
|
|
129153
130201
|
--timebox-font-family: var(--joy-font-family);
|
|
129154
130202
|
--timebox-font-letter-spacing: unset;
|
|
129155
130203
|
--timebox-font-line-height: unset;
|
|
@@ -129248,6 +130296,13 @@ function FJ() {
|
|
|
129248
130296
|
display: flex;
|
|
129249
130297
|
}
|
|
129250
130298
|
|
|
130299
|
+
:host [part="focusRing"] {
|
|
130300
|
+
--focus-ring-color: var(--timebox-focus-ring-color);
|
|
130301
|
+
--focus-ring-active-width: var(--timebox-focus-ring-active-width);
|
|
130302
|
+
--focus-ring-inward-offset: var(--timebox-focus-ring-inward-offset);
|
|
130303
|
+
--focus-ring-outward-offset: var(--timebox-focus-ring-outward-offset);
|
|
130304
|
+
}
|
|
130305
|
+
|
|
129251
130306
|
:host [part="prefix"] {
|
|
129252
130307
|
gap: var(--timebox-gap);
|
|
129253
130308
|
flex-grow: 0;
|
|
@@ -129416,6 +130471,7 @@ function FJ() {
|
|
|
129416
130471
|
|
|
129417
130472
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129418
130473
|
--timebox-border-color: var(--joy-color-primary-500);
|
|
130474
|
+
--timebox-focus-ring-color: var(--joy-color-primary-500);
|
|
129419
130475
|
}
|
|
129420
130476
|
|
|
129421
130477
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129424,6 +130480,7 @@ function FJ() {
|
|
|
129424
130480
|
|
|
129425
130481
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129426
130482
|
--timebox-border-color: var(--joy-color-primary-500);
|
|
130483
|
+
--timebox-focus-ring-color: var(--joy-color-primary-500);
|
|
129427
130484
|
}
|
|
129428
130485
|
|
|
129429
130486
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129432,6 +130489,7 @@ function FJ() {
|
|
|
129432
130489
|
|
|
129433
130490
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129434
130491
|
--timebox-border-color: var(--joy-color-secondary-500);
|
|
130492
|
+
--timebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
129435
130493
|
}
|
|
129436
130494
|
|
|
129437
130495
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129440,6 +130498,7 @@ function FJ() {
|
|
|
129440
130498
|
|
|
129441
130499
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129442
130500
|
--timebox-border-color: var(--joy-color-secondary-500);
|
|
130501
|
+
--timebox-focus-ring-color: var(--joy-color-secondary-500);
|
|
129443
130502
|
}
|
|
129444
130503
|
|
|
129445
130504
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129448,6 +130507,7 @@ function FJ() {
|
|
|
129448
130507
|
|
|
129449
130508
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129450
130509
|
--timebox-border-color: var(--joy-color-tertiary-500);
|
|
130510
|
+
--timebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
129451
130511
|
}
|
|
129452
130512
|
|
|
129453
130513
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129456,6 +130516,7 @@ function FJ() {
|
|
|
129456
130516
|
|
|
129457
130517
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129458
130518
|
--timebox-border-color: var(--joy-color-tertiary-500);
|
|
130519
|
+
--timebox-focus-ring-color: var(--joy-color-tertiary-500);
|
|
129459
130520
|
}
|
|
129460
130521
|
|
|
129461
130522
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129464,6 +130525,7 @@ function FJ() {
|
|
|
129464
130525
|
|
|
129465
130526
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129466
130527
|
--timebox-border-color: var(--joy-color-danger-500);
|
|
130528
|
+
--timebox-focus-ring-color: var(--joy-color-danger-500);
|
|
129467
130529
|
}
|
|
129468
130530
|
|
|
129469
130531
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129472,6 +130534,7 @@ function FJ() {
|
|
|
129472
130534
|
|
|
129473
130535
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129474
130536
|
--timebox-border-color: var(--joy-color-danger-500);
|
|
130537
|
+
--timebox-focus-ring-color: var(--joy-color-danger-500);
|
|
129475
130538
|
}
|
|
129476
130539
|
|
|
129477
130540
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129480,6 +130543,7 @@ function FJ() {
|
|
|
129480
130543
|
|
|
129481
130544
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129482
130545
|
--timebox-border-color: var(--joy-color-warning-500);
|
|
130546
|
+
--timebox-focus-ring-color: var(--joy-color-warning-500);
|
|
129483
130547
|
}
|
|
129484
130548
|
|
|
129485
130549
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129488,6 +130552,7 @@ function FJ() {
|
|
|
129488
130552
|
|
|
129489
130553
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129490
130554
|
--timebox-border-color: var(--joy-color-warning-500);
|
|
130555
|
+
--timebox-focus-ring-color: var(--joy-color-warning-500);
|
|
129491
130556
|
}
|
|
129492
130557
|
|
|
129493
130558
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129496,6 +130561,7 @@ function FJ() {
|
|
|
129496
130561
|
|
|
129497
130562
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129498
130563
|
--timebox-border-color: var(--joy-color-success-500);
|
|
130564
|
+
--timebox-focus-ring-color: var(--joy-color-success-500);
|
|
129499
130565
|
}
|
|
129500
130566
|
|
|
129501
130567
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129504,6 +130570,7 @@ function FJ() {
|
|
|
129504
130570
|
|
|
129505
130571
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129506
130572
|
--timebox-border-color: var(--joy-color-success-500);
|
|
130573
|
+
--timebox-focus-ring-color: var(--joy-color-success-500);
|
|
129507
130574
|
}
|
|
129508
130575
|
|
|
129509
130576
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129512,6 +130579,7 @@ function FJ() {
|
|
|
129512
130579
|
|
|
129513
130580
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129514
130581
|
--timebox-border-color: var(--joy-color-info-500);
|
|
130582
|
+
--timebox-focus-ring-color: var(--joy-color-info-500);
|
|
129515
130583
|
}
|
|
129516
130584
|
|
|
129517
130585
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129520,6 +130588,7 @@ function FJ() {
|
|
|
129520
130588
|
|
|
129521
130589
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129522
130590
|
--timebox-border-color: var(--joy-color-info-500);
|
|
130591
|
+
--timebox-focus-ring-color: var(--joy-color-info-500);
|
|
129523
130592
|
}
|
|
129524
130593
|
|
|
129525
130594
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129528,6 +130597,7 @@ function FJ() {
|
|
|
129528
130597
|
|
|
129529
130598
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129530
130599
|
--timebox-border-color: var(--joy-color-highlight-500);
|
|
130600
|
+
--timebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
129531
130601
|
}
|
|
129532
130602
|
|
|
129533
130603
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129536,6 +130606,7 @@ function FJ() {
|
|
|
129536
130606
|
|
|
129537
130607
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129538
130608
|
--timebox-border-color: var(--joy-color-highlight-500);
|
|
130609
|
+
--timebox-focus-ring-color: var(--joy-color-highlight-500);
|
|
129539
130610
|
}
|
|
129540
130611
|
|
|
129541
130612
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129544,6 +130615,7 @@ function FJ() {
|
|
|
129544
130615
|
|
|
129545
130616
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):hover), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):active), :host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) {
|
|
129546
130617
|
--timebox-border-color: var(--joy-color-neutral-500);
|
|
130618
|
+
--timebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
129547
130619
|
}
|
|
129548
130620
|
|
|
129549
130621
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus) [part="label"] {
|
|
@@ -129552,6 +130624,7 @@ function FJ() {
|
|
|
129552
130624
|
|
|
129553
130625
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) {
|
|
129554
130626
|
--timebox-border-color: var(--joy-color-neutral-500);
|
|
130627
|
+
--timebox-focus-ring-color: var(--joy-color-neutral-500);
|
|
129555
130628
|
}
|
|
129556
130629
|
|
|
129557
130630
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):not([invalid]):focus-within) [part="label"] {
|
|
@@ -129560,6 +130633,8 @@ function FJ() {
|
|
|
129560
130633
|
|
|
129561
130634
|
:host([appearance="soft"]), :host([appearance="solid"]) {
|
|
129562
130635
|
--timebox-background-color: var(--joy-scheme-highlight);
|
|
130636
|
+
--timebox-focus-ring-inward-offset: 0px;
|
|
130637
|
+
--timebox-focus-ring-outward-offset: 0px;
|
|
129563
130638
|
}
|
|
129564
130639
|
|
|
129565
130640
|
`;
|
|
@@ -129575,6 +130650,10 @@ function IJ() {
|
|
|
129575
130650
|
--timebox-border-style: unset;
|
|
129576
130651
|
--timebox-border-width: unset;
|
|
129577
130652
|
--timebox-color: unset;
|
|
130653
|
+
--timebox-focus-ring-active-width: 8px;
|
|
130654
|
+
--timebox-focus-ring-color: unset;
|
|
130655
|
+
--timebox-focus-ring-inward-offset: 2px;
|
|
130656
|
+
--timebox-focus-ring-outward-offset: 2px;
|
|
129578
130657
|
--timebox-font-family: unset;
|
|
129579
130658
|
--timebox-font-letter-spacing: unset;
|
|
129580
130659
|
--timebox-font-line-height: unset;
|
|
@@ -129674,6 +130753,13 @@ function IJ() {
|
|
|
129674
130753
|
display: flex;
|
|
129675
130754
|
}
|
|
129676
130755
|
|
|
130756
|
+
:host [part="focusRing"] {
|
|
130757
|
+
--focus-ring-color: var(--timebox-focus-ring-color);
|
|
130758
|
+
--focus-ring-active-width: var(--timebox-focus-ring-active-width);
|
|
130759
|
+
--focus-ring-inward-offset: var(--timebox-focus-ring-inward-offset);
|
|
130760
|
+
--focus-ring-outward-offset: var(--timebox-focus-ring-outward-offset);
|
|
130761
|
+
}
|
|
130762
|
+
|
|
129677
130763
|
:host [part="prefix"] {
|
|
129678
130764
|
gap: var(--timebox-gap);
|
|
129679
130765
|
flex-grow: 0;
|
|
@@ -135706,6 +136792,7 @@ function KX() {
|
|
|
135706
136792
|
:host([variant="primary"]) {
|
|
135707
136793
|
--flow-board-column-item-background-color: var(--joy-color-primary-100);
|
|
135708
136794
|
--flow-board-column-item-foreground-color: var(--joy-color-primary-500);
|
|
136795
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-primary-500);
|
|
135709
136796
|
}
|
|
135710
136797
|
|
|
135711
136798
|
:host([variant="primary"][pinned]) {
|
|
@@ -135715,6 +136802,7 @@ function KX() {
|
|
|
135715
136802
|
:host([variant="secondary"]) {
|
|
135716
136803
|
--flow-board-column-item-background-color: var(--joy-color-secondary-100);
|
|
135717
136804
|
--flow-board-column-item-foreground-color: var(--joy-color-secondary-500);
|
|
136805
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
135718
136806
|
}
|
|
135719
136807
|
|
|
135720
136808
|
:host([variant="secondary"][pinned]) {
|
|
@@ -135724,6 +136812,7 @@ function KX() {
|
|
|
135724
136812
|
:host([variant="tertiary"]) {
|
|
135725
136813
|
--flow-board-column-item-background-color: var(--joy-color-tertiary-100);
|
|
135726
136814
|
--flow-board-column-item-foreground-color: var(--joy-color-tertiary-500);
|
|
136815
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
135727
136816
|
}
|
|
135728
136817
|
|
|
135729
136818
|
:host([variant="tertiary"][pinned]) {
|
|
@@ -135733,6 +136822,7 @@ function KX() {
|
|
|
135733
136822
|
:host([variant="danger"]) {
|
|
135734
136823
|
--flow-board-column-item-background-color: var(--joy-color-danger-100);
|
|
135735
136824
|
--flow-board-column-item-foreground-color: var(--joy-color-danger-500);
|
|
136825
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-danger-500);
|
|
135736
136826
|
}
|
|
135737
136827
|
|
|
135738
136828
|
:host([variant="danger"][pinned]) {
|
|
@@ -135742,6 +136832,7 @@ function KX() {
|
|
|
135742
136832
|
:host([variant="warning"]) {
|
|
135743
136833
|
--flow-board-column-item-background-color: var(--joy-color-warning-100);
|
|
135744
136834
|
--flow-board-column-item-foreground-color: var(--joy-color-warning-500);
|
|
136835
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-warning-500);
|
|
135745
136836
|
}
|
|
135746
136837
|
|
|
135747
136838
|
:host([variant="warning"][pinned]) {
|
|
@@ -135751,6 +136842,7 @@ function KX() {
|
|
|
135751
136842
|
:host([variant="success"]) {
|
|
135752
136843
|
--flow-board-column-item-background-color: var(--joy-color-success-100);
|
|
135753
136844
|
--flow-board-column-item-foreground-color: var(--joy-color-success-500);
|
|
136845
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-success-500);
|
|
135754
136846
|
}
|
|
135755
136847
|
|
|
135756
136848
|
:host([variant="success"][pinned]) {
|
|
@@ -135760,6 +136852,7 @@ function KX() {
|
|
|
135760
136852
|
:host([variant="info"]) {
|
|
135761
136853
|
--flow-board-column-item-background-color: var(--joy-color-info-100);
|
|
135762
136854
|
--flow-board-column-item-foreground-color: var(--joy-color-info-500);
|
|
136855
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-info-500);
|
|
135763
136856
|
}
|
|
135764
136857
|
|
|
135765
136858
|
:host([variant="info"][pinned]) {
|
|
@@ -135769,6 +136862,7 @@ function KX() {
|
|
|
135769
136862
|
:host([variant="highlight"]) {
|
|
135770
136863
|
--flow-board-column-item-background-color: var(--joy-color-highlight-100);
|
|
135771
136864
|
--flow-board-column-item-foreground-color: var(--joy-color-highlight-500);
|
|
136865
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
135772
136866
|
}
|
|
135773
136867
|
|
|
135774
136868
|
:host([variant="highlight"][pinned]) {
|
|
@@ -135778,6 +136872,7 @@ function KX() {
|
|
|
135778
136872
|
:host([variant="neutral"]) {
|
|
135779
136873
|
--flow-board-column-item-background-color: var(--joy-color-neutral-100);
|
|
135780
136874
|
--flow-board-column-item-foreground-color: var(--joy-color-neutral-500);
|
|
136875
|
+
--flow-board-column-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
135781
136876
|
}
|
|
135782
136877
|
|
|
135783
136878
|
:host([variant="neutral"][pinned]) {
|
|
@@ -161320,7 +162415,7 @@ function ige() {
|
|
|
161320
162415
|
--color-editor-shade-slider-border-style: none;
|
|
161321
162416
|
--color-editor-shade-slider-border-width: 0;
|
|
161322
162417
|
--color-editor-shade-slider-focus-ring-active-width: 8px;
|
|
161323
|
-
--color-editor-shade-slider-focus-ring-color: var(--joy-
|
|
162418
|
+
--color-editor-shade-slider-focus-ring-color: var(--joy-scheme-highlight);
|
|
161324
162419
|
--color-editor-shade-slider-focus-ring-inward-offset: 2px;
|
|
161325
162420
|
--color-editor-shade-slider-focus-ring-outward-offset: 2px;
|
|
161326
162421
|
--color-editor-shade-slider-font-family: unset;
|
|
@@ -163532,7 +164627,7 @@ function Ege() {
|
|
|
163532
164627
|
--font-editor-border-style: solid;
|
|
163533
164628
|
--font-editor-border-width: var(--joy-layout-thickness);
|
|
163534
164629
|
--font-editor-focus-ring-active-width: 8px;
|
|
163535
|
-
--font-editor-focus-ring-color: var(--joy-
|
|
164630
|
+
--font-editor-focus-ring-color: var(--joy-scheme-highlight);
|
|
163536
164631
|
--font-editor-focus-ring-inward-offset: 2px;
|
|
163537
164632
|
--font-editor-focus-ring-outward-offset: 2px;
|
|
163538
164633
|
--font-editor-font-category-font-size: var(--joy-typography-caption-font-size);
|
|
@@ -208157,7 +209252,7 @@ function zCe() {
|
|
|
208157
209252
|
--combo-item-border-style: solid;
|
|
208158
209253
|
--combo-item-border-width: 0px;
|
|
208159
209254
|
--combo-item-focus-ring-active-width: 8px;
|
|
208160
|
-
--combo-item-focus-ring-color: var(--joy-
|
|
209255
|
+
--combo-item-focus-ring-color: var(--joy-scheme-highlight);
|
|
208161
209256
|
--combo-item-focus-ring-inward-offset: 2px;
|
|
208162
209257
|
--combo-item-focus-ring-outward-offset: 2px;
|
|
208163
209258
|
--combo-item-font-family: var(--joy-font-family);
|
|
@@ -208481,6 +209576,11 @@ M8([
|
|
|
208481
209576
|
function VCe() {
|
|
208482
209577
|
return B`
|
|
208483
209578
|
:host {
|
|
209579
|
+
--combo-background-color: unset;
|
|
209580
|
+
--combo-border-color: unset;
|
|
209581
|
+
--combo-border-radius: unset;
|
|
209582
|
+
--combo-border-style: solid;
|
|
209583
|
+
--combo-border-width: unset;
|
|
208484
209584
|
--combo-focus-ring-active-width: 8px;
|
|
208485
209585
|
--combo-focus-ring-color: var(--cosmopolitan-color-light-secondary-400);
|
|
208486
209586
|
--combo-focus-ring-inward-offset: 2px;
|
|
@@ -208547,6 +209647,23 @@ function VCe() {
|
|
|
208547
209647
|
--focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
|
|
208548
209648
|
}
|
|
208549
209649
|
|
|
209650
|
+
:host [part="input"] {
|
|
209651
|
+
cursor: inherit;
|
|
209652
|
+
background: inherit;
|
|
209653
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209654
|
+
--textbox-border-radius: var(--combo-border-radius);
|
|
209655
|
+
}
|
|
209656
|
+
|
|
209657
|
+
:host [part="input"][readonly]:not([invalid]) {
|
|
209658
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209659
|
+
}
|
|
209660
|
+
|
|
209661
|
+
:host [part="input"]::part(suffix) {
|
|
209662
|
+
--button-icon-min-width: 36px;
|
|
209663
|
+
--button-icon-min-height: 36px;
|
|
209664
|
+
--icon-size: 20px;
|
|
209665
|
+
}
|
|
209666
|
+
|
|
208550
209667
|
:host [part="popup"] {
|
|
208551
209668
|
z-index: 100;
|
|
208552
209669
|
}
|
|
@@ -208573,23 +209690,29 @@ function VCe() {
|
|
|
208573
209690
|
function HCe() {
|
|
208574
209691
|
return B`
|
|
208575
209692
|
:host {
|
|
209693
|
+
--combo-background-color: var(--joy-scheme-background);
|
|
209694
|
+
--combo-border-color: var(--joy-scheme-highlight);
|
|
209695
|
+
--combo-border-radius: var(--joy-layout-radius);
|
|
209696
|
+
--combo-border-style: solid;
|
|
209697
|
+
--combo-border-width: var(--joy-layout-thickness);
|
|
208576
209698
|
--combo-focus-ring-active-width: 8px;
|
|
208577
|
-
--combo-focus-ring-color: var(--joy-
|
|
209699
|
+
--combo-focus-ring-color: var(--joy-scheme-highlight);
|
|
208578
209700
|
--combo-focus-ring-inward-offset: 2px;
|
|
208579
|
-
--combo-focus-ring-outward-offset:
|
|
209701
|
+
--combo-focus-ring-outward-offset: 0px;
|
|
209702
|
+
--combo-focus-ring-width: 0px;
|
|
208580
209703
|
--combo-font-family: var(--joy-font-family);
|
|
208581
209704
|
--combo-font-letter-spacing: var(--joy-typography-body2-letter-spacing);
|
|
208582
209705
|
--combo-font-line-height: var(--joy-typography-body2-line-height);
|
|
208583
209706
|
--combo-font-size: var(--joy-typography-body2-font-size);
|
|
208584
209707
|
--combo-font-text-decoration: var(--joy-typography-body2-text-decoration);
|
|
208585
209708
|
--combo-font-text-transform: var(--joy-typography-body2-text-transform);
|
|
208586
|
-
--combo-font-weight:
|
|
209709
|
+
--combo-font-weight: normal;
|
|
208587
209710
|
--combo-foreground-color: var(--joy-scheme-foreground);
|
|
208588
209711
|
--combo-gap: var(--joy-layout-space);
|
|
208589
|
-
--combo-padding-bottom:
|
|
209712
|
+
--combo-padding-bottom: var(--joy-layout-space);
|
|
208590
209713
|
--combo-padding-left: calc(var(--joy-layout-space) * 1.5);
|
|
208591
209714
|
--combo-padding-right: calc(var(--joy-layout-space) * 1.5);
|
|
208592
|
-
--combo-padding-top:
|
|
209715
|
+
--combo-padding-top: var(--joy-layout-space);
|
|
208593
209716
|
--combo-shadow: unset unset unset unset unset;
|
|
208594
209717
|
--combo-shadow-blur: unset;
|
|
208595
209718
|
--combo-shadow-color: unset;
|
|
@@ -208639,6 +209762,23 @@ function HCe() {
|
|
|
208639
209762
|
--focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
|
|
208640
209763
|
}
|
|
208641
209764
|
|
|
209765
|
+
:host [part="input"] {
|
|
209766
|
+
cursor: inherit;
|
|
209767
|
+
background: inherit;
|
|
209768
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209769
|
+
--textbox-border-radius: var(--combo-border-radius);
|
|
209770
|
+
}
|
|
209771
|
+
|
|
209772
|
+
:host [part="input"][readonly]:not([invalid]) {
|
|
209773
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209774
|
+
}
|
|
209775
|
+
|
|
209776
|
+
:host [part="input"]::part(suffix) {
|
|
209777
|
+
--button-icon-min-width: 36px;
|
|
209778
|
+
--button-icon-min-height: 36px;
|
|
209779
|
+
--icon-size: 20px;
|
|
209780
|
+
}
|
|
209781
|
+
|
|
208642
209782
|
:host [part="popup"] {
|
|
208643
209783
|
z-index: 100;
|
|
208644
209784
|
}
|
|
@@ -208665,6 +209805,11 @@ function HCe() {
|
|
|
208665
209805
|
function UCe() {
|
|
208666
209806
|
return B`
|
|
208667
209807
|
:host {
|
|
209808
|
+
--combo-background-color: unset;
|
|
209809
|
+
--combo-border-color: unset;
|
|
209810
|
+
--combo-border-radius: unset;
|
|
209811
|
+
--combo-border-style: solid;
|
|
209812
|
+
--combo-border-width: unset;
|
|
208668
209813
|
--combo-focus-ring-active-width: 8px;
|
|
208669
209814
|
--combo-focus-ring-color: var(--memphis-color-light-secondary-400);
|
|
208670
209815
|
--combo-focus-ring-inward-offset: 2px;
|
|
@@ -208731,6 +209876,23 @@ function UCe() {
|
|
|
208731
209876
|
--focus-ring-outward-offset: var(--combo-focus-ring-outward-offset);
|
|
208732
209877
|
}
|
|
208733
209878
|
|
|
209879
|
+
:host [part="input"] {
|
|
209880
|
+
cursor: inherit;
|
|
209881
|
+
background: inherit;
|
|
209882
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209883
|
+
--textbox-border-radius: var(--combo-border-radius);
|
|
209884
|
+
}
|
|
209885
|
+
|
|
209886
|
+
:host [part="input"][readonly]:not([invalid]) {
|
|
209887
|
+
--textbox-border-color: var(--combo-border-color);
|
|
209888
|
+
}
|
|
209889
|
+
|
|
209890
|
+
:host [part="input"]::part(suffix) {
|
|
209891
|
+
--button-icon-min-width: 36px;
|
|
209892
|
+
--button-icon-min-height: 36px;
|
|
209893
|
+
--icon-size: 20px;
|
|
209894
|
+
}
|
|
209895
|
+
|
|
208734
209896
|
:host [part="popup"] {
|
|
208735
209897
|
z-index: 100;
|
|
208736
209898
|
}
|
|
@@ -219739,6 +220901,7 @@ function kTe() {
|
|
|
219739
220901
|
|
|
219740
220902
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219741
220903
|
--tab-strip-item-background-color: var(--joy-color-primary-100);
|
|
220904
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-primary-500);
|
|
219742
220905
|
}
|
|
219743
220906
|
|
|
219744
220907
|
:host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219752,6 +220915,7 @@ function kTe() {
|
|
|
219752
220915
|
|
|
219753
220916
|
:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219754
220917
|
--tab-strip-item-background-color: var(--joy-color-primary-50);
|
|
220918
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-primary-500);
|
|
219755
220919
|
}
|
|
219756
220920
|
|
|
219757
220921
|
:host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="primary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219760,6 +220924,7 @@ function kTe() {
|
|
|
219760
220924
|
|
|
219761
220925
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219762
220926
|
--tab-strip-item-background-color: var(--joy-color-secondary-100);
|
|
220927
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
219763
220928
|
}
|
|
219764
220929
|
|
|
219765
220930
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219773,6 +220938,7 @@ function kTe() {
|
|
|
219773
220938
|
|
|
219774
220939
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219775
220940
|
--tab-strip-item-background-color: var(--joy-color-secondary-50);
|
|
220941
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-secondary-500);
|
|
219776
220942
|
}
|
|
219777
220943
|
|
|
219778
220944
|
:host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="secondary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219781,6 +220947,7 @@ function kTe() {
|
|
|
219781
220947
|
|
|
219782
220948
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219783
220949
|
--tab-strip-item-background-color: var(--joy-color-tertiary-100);
|
|
220950
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
219784
220951
|
}
|
|
219785
220952
|
|
|
219786
220953
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219794,6 +220961,7 @@ function kTe() {
|
|
|
219794
220961
|
|
|
219795
220962
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219796
220963
|
--tab-strip-item-background-color: var(--joy-color-tertiary-50);
|
|
220964
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-tertiary-500);
|
|
219797
220965
|
}
|
|
219798
220966
|
|
|
219799
220967
|
:host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="tertiary"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219802,6 +220970,7 @@ function kTe() {
|
|
|
219802
220970
|
|
|
219803
220971
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219804
220972
|
--tab-strip-item-background-color: var(--joy-color-danger-100);
|
|
220973
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-danger-500);
|
|
219805
220974
|
}
|
|
219806
220975
|
|
|
219807
220976
|
:host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219815,6 +220984,7 @@ function kTe() {
|
|
|
219815
220984
|
|
|
219816
220985
|
:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219817
220986
|
--tab-strip-item-background-color: var(--joy-color-danger-50);
|
|
220987
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-danger-500);
|
|
219818
220988
|
}
|
|
219819
220989
|
|
|
219820
220990
|
:host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="danger"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219823,6 +220993,7 @@ function kTe() {
|
|
|
219823
220993
|
|
|
219824
220994
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219825
220995
|
--tab-strip-item-background-color: var(--joy-color-warning-100);
|
|
220996
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-warning-500);
|
|
219826
220997
|
}
|
|
219827
220998
|
|
|
219828
220999
|
:host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219836,6 +221007,7 @@ function kTe() {
|
|
|
219836
221007
|
|
|
219837
221008
|
:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219838
221009
|
--tab-strip-item-background-color: var(--joy-color-warning-50);
|
|
221010
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-warning-500);
|
|
219839
221011
|
}
|
|
219840
221012
|
|
|
219841
221013
|
:host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="warning"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219844,6 +221016,7 @@ function kTe() {
|
|
|
219844
221016
|
|
|
219845
221017
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219846
221018
|
--tab-strip-item-background-color: var(--joy-color-success-100);
|
|
221019
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-success-500);
|
|
219847
221020
|
}
|
|
219848
221021
|
|
|
219849
221022
|
:host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219857,6 +221030,7 @@ function kTe() {
|
|
|
219857
221030
|
|
|
219858
221031
|
:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219859
221032
|
--tab-strip-item-background-color: var(--joy-color-success-50);
|
|
221033
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-success-500);
|
|
219860
221034
|
}
|
|
219861
221035
|
|
|
219862
221036
|
:host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="success"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219865,6 +221039,7 @@ function kTe() {
|
|
|
219865
221039
|
|
|
219866
221040
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219867
221041
|
--tab-strip-item-background-color: var(--joy-color-info-100);
|
|
221042
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-info-500);
|
|
219868
221043
|
}
|
|
219869
221044
|
|
|
219870
221045
|
:host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219878,6 +221053,7 @@ function kTe() {
|
|
|
219878
221053
|
|
|
219879
221054
|
:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219880
221055
|
--tab-strip-item-background-color: var(--joy-color-info-50);
|
|
221056
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-info-500);
|
|
219881
221057
|
}
|
|
219882
221058
|
|
|
219883
221059
|
:host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="info"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219886,6 +221062,7 @@ function kTe() {
|
|
|
219886
221062
|
|
|
219887
221063
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219888
221064
|
--tab-strip-item-background-color: var(--joy-color-highlight-100);
|
|
221065
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
219889
221066
|
}
|
|
219890
221067
|
|
|
219891
221068
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219899,6 +221076,7 @@ function kTe() {
|
|
|
219899
221076
|
|
|
219900
221077
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219901
221078
|
--tab-strip-item-background-color: var(--joy-color-highlight-50);
|
|
221079
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-highlight-500);
|
|
219902
221080
|
}
|
|
219903
221081
|
|
|
219904
221082
|
:host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="highlight"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|
|
@@ -219907,6 +221085,7 @@ function kTe() {
|
|
|
219907
221085
|
|
|
219908
221086
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) {
|
|
219909
221087
|
--tab-strip-item-background-color: var(--joy-color-neutral-100);
|
|
221088
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
219910
221089
|
}
|
|
219911
221090
|
|
|
219912
221091
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"])):hover) [part="root"] [part="content"] ::slotted(mosaik-icon) {
|
|
@@ -219920,6 +221099,7 @@ function kTe() {
|
|
|
219920
221099
|
|
|
219921
221100
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) {
|
|
219922
221101
|
--tab-strip-item-background-color: var(--joy-color-neutral-50);
|
|
221102
|
+
--tab-strip-item-focus-ring-color: var(--joy-color-neutral-500);
|
|
219923
221103
|
}
|
|
219924
221104
|
|
|
219925
221105
|
:host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="icon"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-icon), :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] [part="label"], :host([variant="neutral"]:not([disabled]:not([disabled="false"]))[is-selected]) [part="root"] [part="content"] ::slotted(mosaik-text) {
|