@mesalvo/react-ui 0.0.37674 → 0.0.37838
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{changelog-viewer-BH6DbtO-.js → changelog-viewer-Br2JJ8id.js} +5 -5
- package/dist/{index-CHxFPjgM.js → index-Dlpj3-mZ.js} +17797 -17454
- package/dist/react-ui.js +1 -1
- package/dist/src/components/Input/test/props.d.ts +22 -22
- package/dist/theme/colors.css +81 -87
- package/dist/theme/index.css +0 -2
- package/dist/theme/react-date-range.css +96 -0
- package/package.json +4 -4
package/dist/react-ui.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { A as s,
|
|
1
|
+
import { A as s, a as o, b as t, c as r, d as n, e as i, f as l, g as u, h as d, i as g, j as c, k as m, l as p, m as b, n as T, o as S, p as f, q as h, r as C, B as D, s as R, t as A, u as E, v as I, w, x as v, y, z as P, C as L, D as F, E as x, F as M, G as B, H as G, I as O, J as k, K as H, L as U, M as N, N as V, O as z, P as K, Q as _, R as W, S as j, T as Y, U as Q, V as q, W as J, X, Y as Z, Z as $, _ as aa, $ as ea, a0 as sa, a1 as oa, a2 as ta, a3 as ra, a4 as na, a5 as ia, a6 as la, a7 as ua, a8 as da, a9 as ga, aa as ca, ab as ma, ac as pa, ad as ba, ae as Ta, af as Sa, ag as fa, ah as ha, ai as Ca, aj as Da, ak as Ra, al as Aa, am as Ea, an as Ia, ao as wa, ap as va, aq as ya, ar as Pa, as as La, at as Fa, au as xa, av as Ma, aw as Ba, ax as Ga, ay as Oa, az as ka, aA as Ha, aB as Ua, aC as Na, aD as Va, aE as za, aF as Ka, aG as _a, aH as Wa, aI as ja, aJ as Ya, aK as Qa, aL as qa, aM as Ja, aN as Xa, aO as Za, aP as $a, aQ as ae, aR as ee, aS as se, aT as oe, aU as te, aV as re, aW as ne, aX as ie, aY as le, aZ as ue, bM as de, a_ as ge, a$ as ce, b0 as me, b1 as pe, b2 as be, b3 as Te, b4 as Se, b5 as fe, b6 as he, b7 as Ce, b8 as De, b9 as Re, ba as Ae, bb as Ee, bc as Ie, bd as we, be as ve, bf as ye, bg as Pe, bh as Le, bi as Fe, bj as xe, bk as Me, bl as Be, bm as Ge, bn as Oe, bo as ke, bp as He, bq as Ue, br as Ne, bs as Ve, bt as ze, bu as Ke, bv as _e, bw as We, bx as je, by as Ye, bz as Qe, bA as qe, bB as Je, bC as Xe, bD as Ze, bE as $e, bF as as, bG as es, bH as ss, bI as os, bJ as ts, bK as rs, bL as ns, bN as is, bO as ls, bP as us, bQ as ds, bR as gs, bS as cs, bT as ms, bU as ps, bV as bs, bW as Ts, bX as Ss, bY as fs, bZ as hs, b_ as Cs, b$ as Ds, c0 as Rs, c1 as As, c2 as Es, c3 as Is, c4 as ws, c5 as vs, c6 as ys, c7 as Ps, c8 as Ls, c9 as Fs, ca as xs, cb as Ms, cc as Bs, cd as Gs, ce as Os, cf as ks, cg as Hs, ch as Us, ci as Ns, cj as Vs, ck as zs, cl as Ks, cm as _s, cn as Ws, co as js, cp as Ys, cq as Qs, cr as qs, cs as Js, ct as Xs, cu as Zs, cv as $s, cw as ao, cx as eo, cy as so, cz as oo, cA as to, cB as ro, cC as no, cD as io, cE as lo, cF as uo, cG as go, cH as co, cI as mo, cJ as po, cK as bo, cL as To, cM as So, cN as fo, cO as ho, cP as Co, cQ as Do, cR as Ro, cS as Ao, cT as Eo, cU as Io, cV as wo, cW as vo, cX as yo, cY as Po, cZ as Lo, c_ as Fo, c$ as xo, d0 as Mo, d1 as Bo, d2 as Go, d3 as Oo, d4 as ko, d5 as Ho, d6 as Uo, d7 as No, d8 as Vo, d9 as zo, da as Ko, db as _o, dc as Wo, dd as jo, de as Yo, df as Qo, dg as qo, dh as Jo, di as Xo, dj as Zo, dk as $o, dl as at, dm as et, dn as st, dp as ot, dq as tt, dr as rt, ds as nt, dt as it, du as lt, dv as ut, dw as dt, dx as gt, dy as ct, dz as mt, dA as pt, dB as bt, dC as Tt, dD as St, dE as ft, dF as ht, dG as Ct, dH as Dt, dI as Rt, dJ as At, dK as Et, dL as It, dM as wt, dN as vt, dO as yt, dP as Pt, dQ as Lt, dR as Ft, dS as xt, dT as Mt, dU as Bt, dV as Gt, dW as Ot, dX as kt, dY as Ht, dZ as Ut, d$ as Nt, e0 as Vt, e1 as zt, e2 as Kt, e3 as _t, e4 as Wt, e5 as jt, e6 as Yt, e7 as Qt, e8 as qt, e9 as Jt, ea as Xt, eb as Zt, ec as $t, ed as ar, ee as er, ef as sr, eg as or, eh as tr, ei as rr, ej as nr, ek as ir, d_ as lr, el as ur, em as dr, en as gr, eo as cr, ep as mr, eq as pr, er as br, es as Tr, et as Sr, eu as fr, ev as hr, ew as Cr, ex as Dr, ey as Rr, ez as Ar, eA as Er, eB as Ir, eC as wr, eD as vr, eE as yr, eF as Pr, eG as Lr, eH as Fr, eI as xr, eJ as Mr, eK as Br, eL as Gr, eM as Or, eN as kr, eO as Hr, eP as Ur, eQ as Nr, eR as Vr, eS as zr, eT as Kr, eV as _r, eW as Wr, eX as jr, eY as Yr, eZ as Qr, e_ as qr, e$ as Jr, f0 as Xr, f1 as Zr, f2 as $r, f3 as an, f4 as en, f5 as sn, f6 as on, f7 as tn, f8 as rn, f9 as nn, fa as ln, fb as un, fc as dn, fd as gn, fe as cn, ff as mn, fg as pn, fh as bn, fi as Tn, fj as Sn, fk as fn, fl as hn, fm as Cn, fn as Dn, fo as Rn, fp as An, fq as En, fr as In, fs as wn, ft as vn, fu as yn, fv as Pn, fw as Ln, fx as Fn, fy as xn, fz as Mn, fA as Bn, fB as Gn, fC as On, fD as kn, fE as Hn, fF as Un, fG as Nn, fH as Vn, fI as zn, fJ as Kn, fK as _n, fL as Wn, fM as jn, fN as Yn, fO as Qn, fP as qn, fQ as Jn, fR as Xn, fS as Zn, fT as $n, fU as ai, fV as ei, fW as si, fX as oi, fY as ti, fZ as ri, f_ as ni, f$ as ii, g0 as li, g1 as ui, g2 as di, g3 as gi, g4 as ci, g5 as mi, g6 as pi, g7 as bi, g8 as Ti, g9 as Si, ga as fi, gb as hi, gc as Ci, gd as Di, ge as Ri, gf as Ai, gg as Ei, gh as Ii, gi as wi, gj as vi, gk as yi, gl as Pi, gm as Li, gn as Fi, go as xi, gp as Mi, gq as Bi, gr as Gi, gs as Oi, gt as ki, gu as Hi, gv as Ui, gw as Ni, gx as Vi, gy as zi, gz as Ki, gA as _i, gB as Wi, gC as ji, gD as Yi, gE as Qi, gG as qi, gH as Ji, gI as Xi } from "./index-Dlpj3-mZ.js";
|
|
2
2
|
export {
|
|
3
3
|
s as AUTH_CHECK,
|
|
4
4
|
o as AUTH_ERROR,
|
|
@@ -10,7 +10,7 @@ export declare const inputExampleProps: {
|
|
|
10
10
|
value?: string | number | readonly string[] | undefined;
|
|
11
11
|
id?: string | undefined | undefined;
|
|
12
12
|
children?: import('react').ReactNode;
|
|
13
|
-
onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
|
|
13
|
+
onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
|
|
14
14
|
form?: string | undefined | undefined;
|
|
15
15
|
slot?: string | undefined | undefined;
|
|
16
16
|
style?: import('react').CSSProperties | undefined;
|
|
@@ -137,17 +137,17 @@ export declare const inputExampleProps: {
|
|
|
137
137
|
onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
138
138
|
onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
139
139
|
onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
140
|
-
onChangeCapture?: import('react').
|
|
140
|
+
onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
|
|
141
141
|
onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
142
|
-
onBeforeInputCapture?: import('react').
|
|
143
|
-
onInput?: import('react').
|
|
144
|
-
onInputCapture?: import('react').
|
|
145
|
-
onReset?: import('react').
|
|
146
|
-
onResetCapture?: import('react').
|
|
147
|
-
onSubmit?: import('react').
|
|
148
|
-
onSubmitCapture?: import('react').
|
|
149
|
-
onInvalid?: import('react').
|
|
150
|
-
onInvalidCapture?: import('react').
|
|
142
|
+
onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
143
|
+
onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
144
|
+
onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
145
|
+
onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
146
|
+
onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
147
|
+
onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
|
|
148
|
+
onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
|
|
149
|
+
onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
150
|
+
onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
151
151
|
onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
152
152
|
onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
153
153
|
onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
@@ -340,7 +340,7 @@ export declare const inputExampleProps: {
|
|
|
340
340
|
value?: string | number | readonly string[] | undefined;
|
|
341
341
|
id?: string | undefined | undefined;
|
|
342
342
|
children?: import('react').ReactNode;
|
|
343
|
-
onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
|
|
343
|
+
onChange?: import('react').ChangeEventHandler<HTMLInputElement, HTMLInputElement> | undefined;
|
|
344
344
|
form?: string | undefined | undefined;
|
|
345
345
|
slot?: string | undefined | undefined;
|
|
346
346
|
style?: import('react').CSSProperties | undefined;
|
|
@@ -467,17 +467,17 @@ export declare const inputExampleProps: {
|
|
|
467
467
|
onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
468
468
|
onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
469
469
|
onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
|
|
470
|
-
onChangeCapture?: import('react').
|
|
470
|
+
onChangeCapture?: import('react').ChangeEventHandler<HTMLInputElement, Element> | undefined;
|
|
471
471
|
onBeforeInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
472
|
-
onBeforeInputCapture?: import('react').
|
|
473
|
-
onInput?: import('react').
|
|
474
|
-
onInputCapture?: import('react').
|
|
475
|
-
onReset?: import('react').
|
|
476
|
-
onResetCapture?: import('react').
|
|
477
|
-
onSubmit?: import('react').
|
|
478
|
-
onSubmitCapture?: import('react').
|
|
479
|
-
onInvalid?: import('react').
|
|
480
|
-
onInvalidCapture?: import('react').
|
|
472
|
+
onBeforeInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
473
|
+
onInput?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
474
|
+
onInputCapture?: import('react').InputEventHandler<HTMLInputElement> | undefined;
|
|
475
|
+
onReset?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
476
|
+
onResetCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
477
|
+
onSubmit?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
|
|
478
|
+
onSubmitCapture?: import('react').SubmitEventHandler<HTMLInputElement> | undefined;
|
|
479
|
+
onInvalid?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
480
|
+
onInvalidCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
481
481
|
onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
482
482
|
onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
|
483
483
|
onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
|
package/dist/theme/colors.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@custom-variant dark (&:where(
|
|
1
|
+
@custom-variant dark (&:where(.dark, .dark *));
|
|
2
2
|
|
|
3
3
|
@theme {
|
|
4
4
|
--color-error-50: oklch(0.98 0.06 4.46); /* #fef2f2 */
|
|
@@ -8,107 +8,101 @@
|
|
|
8
8
|
--color-error-400: oklch(71.06% 0.166 22.22); /* #f87171 */
|
|
9
9
|
--color-error-500: oklch(63.68% 0.208 25.33); /* #ef4444 */
|
|
10
10
|
--color-error-600: oklch(57.71% 0.215 27.33); /* #dc2626 */
|
|
11
|
-
--color-error-700: oklch(50.54% 0.
|
|
12
|
-
--color-error-800: oklch(44.37% 0.161 26.
|
|
11
|
+
--color-error-700: oklch(50.54% 0.19 27.52); /* #b91c1c */
|
|
12
|
+
--color-error-800: oklch(44.37% 0.161 26.9); /* #991b1b */
|
|
13
13
|
--color-error-900: oklch(39.58% 0.133 25.72); /* #7f1d1d */
|
|
14
|
-
--color-error-950: oklch(0.25 0.08 24
|
|
14
|
+
--color-error-950: oklch(0.25 0.08 24); /* #450a0a */
|
|
15
15
|
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
16
|
+
--color-warning-50: oklch(0.98 0.14 40.23); /* #fff7ed */
|
|
17
|
+
--color-warning-100: oklch(0.97 0.18 41.77); /* #ffedd5 */
|
|
18
|
+
--color-warning-200: oklch(0.94 0.23 44.37); /* #fed7aa */
|
|
19
|
+
--color-warning-300: oklch(0.92 0.27 46.99); /* #fdba74 */
|
|
20
|
+
--color-warning-400: oklch(0.85 0.33 52.67); /* #fb923c */
|
|
21
|
+
--color-warning-500: oklch(0.79 0.35 57.79); /* #f97316 */
|
|
22
|
+
--color-warning-600: oklch(0.75 0.37 61.33); /* #ea580c */
|
|
23
|
+
--color-warning-700: oklch(0.65 0.33 67.72); /* #c2410c */
|
|
24
|
+
--color-warning-800: oklch(0.58 0.28 70.64); /* #9a3412 */
|
|
25
|
+
--color-warning-900: oklch(0.49 0.24 72.94); /* #7c2d12 */
|
|
26
|
+
--color-warning-950: oklch(0.29 0.17 74.59); /* #431407 */
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
28
|
+
--color-success-50: oklch(0.98 0.02 145); /* #F5FDF6 */
|
|
29
|
+
--color-success-100: oklch(0.95 0.04 145.2); /* #ECFAED */
|
|
30
|
+
--color-success-200: oklch(0.91 0.08 145.5); /* #D8F5D5 */
|
|
31
|
+
--color-success-300: oklch(0.86 0.12 145.7); /* #C4F0BC */
|
|
32
|
+
--color-success-400: oklch(0.8 0.15 145.9); /* #B0EBA4 */
|
|
33
|
+
--color-success-500: oklch(0.68 0.19 146); /* #4CAF50 */
|
|
34
|
+
--color-success-600: oklch(0.6 0.18 146.2); /* #42A347 */
|
|
35
|
+
--color-success-700: oklch(0.52 0.17 146.5); /* #378B3B */
|
|
36
|
+
--color-success-800: oklch(0.42 0.14 146.7); /* #2C7230 */
|
|
37
|
+
--color-success-900: oklch(0.32 0.11 147); /* #225926 */
|
|
38
38
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
--color-info-50: oklch(0.97 0.02 240); /* #e9f5fe */
|
|
40
|
+
--color-info-100: oklch(0.91 0.07 240.5); /* #badefb */
|
|
41
|
+
--color-info-200: oklch(0.86 0.1 240.8); /* #99cff9 */
|
|
42
|
+
--color-info-300: oklch(0.8 0.15 241.2); /* #6ab9f7 */
|
|
43
|
+
--color-info-400: oklch(0.75 0.18 241.5); /* #4dabf5 */
|
|
44
|
+
--color-info-500: oklch(0.7 0.22 242); /* #2196f3 */
|
|
45
|
+
--color-info-600: oklch(0.65 0.2 242.3); /* #1e89dd */
|
|
46
|
+
--color-info-700: oklch(0.55 0.18 242.7); /* #176bad */
|
|
47
|
+
--color-info-800: oklch(0.45 0.15 243); /* #125386 */
|
|
48
|
+
--color-info-900: oklch(0.35 0.12 243.5); /* #0e3f66 */
|
|
49
|
+
--color-info-950: oklch(0.2 0.07 244);
|
|
50
50
|
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
51
|
+
--color-primary-50: oklch(0.97 0.03 193.5); /* #E6FEFF */
|
|
52
|
+
--color-primary-100: oklch(0.89 0.14 193.7); /* #8FF2F8 */
|
|
53
|
+
--color-primary-200: oklch(0.82 0.21 193.3); /* #5DD8DF */
|
|
54
|
+
--color-primary-300: oklch(0.75 0.22 193.1); /* #3ABCC3 */
|
|
55
|
+
--color-primary-400: oklch(0.69 0.23 192.9); /* #00A1A7 */
|
|
56
|
+
--color-primary-500: oklch(0.61 0.22 192.7); /* #00848A */
|
|
57
|
+
--color-primary-600: oklch(0.52 0.18 192.4); /* #00696E */
|
|
58
|
+
--color-primary-700: oklch(0.45 0.15 192.2); /* #005C60 */
|
|
59
|
+
--color-primary-800: oklch(0.36 0.12 192); /* #004346 */
|
|
60
|
+
--color-primary-900: oklch(0.26 0.08 191.8); /* #002B2D */
|
|
61
|
+
--color-primary-950: oklch(0.14 0.05 191.6);
|
|
62
62
|
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
--color-background: oklch(1 0 1);
|
|
63
|
+
--color-secondary-25: oklch(0.98 0 0);
|
|
64
|
+
--color-secondary-50: oklch(98.51% 0 0); /* #fafafa */
|
|
65
|
+
--color-secondary-100: oklch(97.02% 0 0); /* #f5f5f5 */
|
|
66
|
+
--color-secondary-200: oklch(92.19% 0 0); /* #e5e5e5 */
|
|
67
|
+
--color-secondary-300: oklch(86.99% 0 0); /* #d4d4d4 */
|
|
68
|
+
--color-secondary-400: oklch(71.55% 0 0); /* #a3a3a3 */
|
|
69
|
+
--color-secondary-500: oklch(55.55% 0 0); /* #737373 */
|
|
70
|
+
--color-secondary-600: oklch(43.86% 0 0); /* #525252 */
|
|
71
|
+
--color-secondary-700: oklch(37.15% 0 0); /* #404040 */
|
|
72
|
+
--color-secondary-800: oklch(26.86% 0 0); /* #262626 */
|
|
73
|
+
--color-secondary-900: oklch(20.46% 0 0); /* #171717 */
|
|
74
|
+
--color-secondary-950: oklch(14.48% 0 0); /* #0a0a0a */
|
|
77
75
|
}
|
|
78
76
|
@theme inline {
|
|
79
77
|
--color-dark: var(--color-secondary-950);
|
|
80
|
-
|
|
78
|
+
--color-light: var(--color-secondary-25);
|
|
81
79
|
}
|
|
82
80
|
|
|
83
|
-
|
|
84
|
-
:
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
--muted: var(--color-secondary-200);
|
|
89
|
-
|
|
81
|
+
:root {
|
|
82
|
+
--background: var(--color-light);
|
|
83
|
+
--foreground: var(--color-dark);
|
|
84
|
+
--background-onPrimary: oklch(0.97 0 0);
|
|
85
|
+
--muted: var(--color-secondary-200);
|
|
90
86
|
}
|
|
91
87
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
--muted: var(--color-secondary-700);
|
|
88
|
+
.dark {
|
|
89
|
+
--background: var(--color-dark);
|
|
90
|
+
--foreground: var(--color-light);
|
|
91
|
+
--background-onPrimary: oklch(0.2 0 1);
|
|
92
|
+
--muted: var(--color-secondary-700);
|
|
98
93
|
}
|
|
99
|
-
|
|
94
|
+
|
|
100
95
|
@theme inline {
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
96
|
+
--color-primary: var(--color-primary-500);
|
|
97
|
+
--color-secondary: var(--color-secondary-500);
|
|
98
|
+
--color-info: var(--color-info-500);
|
|
99
|
+
--color-success: var(--color-success-500);
|
|
100
|
+
--color-warning: var(--color-warning-500);
|
|
101
|
+
--color-error: var(--color-error-500);
|
|
107
102
|
|
|
108
|
-
|
|
109
|
-
|
|
103
|
+
--color-background: var(--background);
|
|
104
|
+
--color-canvas: var(--background);
|
|
110
105
|
--color-foreground: var(--foreground);
|
|
111
|
-
|
|
112
|
-
|
|
106
|
+
--color-background-onPrimary: var(--background-onPrimary);
|
|
107
|
+
--color-muted: var(--muted);
|
|
113
108
|
}
|
|
114
|
-
|
package/dist/theme/index.css
CHANGED
|
@@ -1,2 +1,98 @@
|
|
|
1
1
|
@import "react-date-range/dist/styles.css";
|
|
2
2
|
@import "react-date-range/dist/theme/default.css";
|
|
3
|
+
|
|
4
|
+
/* ─── Dark mode overrides ─────────────────────────────────────────────────── */
|
|
5
|
+
|
|
6
|
+
.dark .rdrCalendarWrapper {
|
|
7
|
+
color: var(--color-secondary-25);
|
|
8
|
+
background-color: var(--color-secondary-800);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
.dark .rdrDateDisplayWrapper {
|
|
12
|
+
background-color: var(--color-secondary-700);
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
.dark .rdrDateDisplayItem {
|
|
16
|
+
background-color: var(--color-secondary-800);
|
|
17
|
+
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.dark .rdrDateDisplayItem input {
|
|
21
|
+
color: var(--color-secondary-300);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.dark .rdrMonthAndYearPickers select {
|
|
25
|
+
color: var(--color-secondary-25);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.dark .rdrMonthAndYearPickers select:hover {
|
|
29
|
+
background-color: rgba(255, 255, 255, 0.07);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.dark .rdrNextPrevButton {
|
|
33
|
+
background: var(--color-secondary-700);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.dark .rdrNextPrevButton:hover {
|
|
37
|
+
background: var(--color-secondary-600);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.dark .rdrPprevButton i {
|
|
41
|
+
border-color: transparent var(--color-secondary-25) transparent transparent;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.dark .rdrNextButton i {
|
|
45
|
+
border-color: transparent transparent transparent var(--color-secondary-25);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.dark .rdrWeekDay {
|
|
49
|
+
color: var(--color-secondary-400);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.dark .rdrDay {
|
|
53
|
+
color: var(--color-secondary-25);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.dark .rdrDayPassive .rdrDayNumber span {
|
|
57
|
+
color: var(--color-secondary-600);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.dark .rdrDayDisabled {
|
|
61
|
+
background-color: var(--color-secondary-800);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.dark .rdrDayDisabled .rdrDayNumber span {
|
|
65
|
+
color: var(--color-secondary-600);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.dark .rdrDefinedRangesWrapper {
|
|
69
|
+
background: var(--color-secondary-800);
|
|
70
|
+
border-right-color: var(--color-secondary-700);
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
.dark .rdrStaticRange {
|
|
74
|
+
background: var(--color-secondary-800);
|
|
75
|
+
border-bottom-color: var(--color-secondary-700);
|
|
76
|
+
color: var(--color-secondary-25);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.dark .rdrStaticRange:hover .rdrStaticRangeLabel,
|
|
80
|
+
.dark .rdrStaticRange:focus .rdrStaticRangeLabel {
|
|
81
|
+
background: var(--color-secondary-700);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.dark .rdrInputRangeInput {
|
|
85
|
+
background: var(--color-secondary-800);
|
|
86
|
+
border-color: var(--color-secondary-600);
|
|
87
|
+
color: var(--color-secondary-200);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
.dark .rdrInputRangeInput:focus,
|
|
91
|
+
.dark .rdrInputRangeInput:hover {
|
|
92
|
+
border-color: var(--color-secondary-400);
|
|
93
|
+
color: var(--color-secondary-100);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.dark .rdrMonthName {
|
|
97
|
+
color: var(--color-secondary-400);
|
|
98
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mesalvo/react-ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.37838",
|
|
4
4
|
"displayName": "React UI",
|
|
5
5
|
"description": "The official React components built for Mesalvo' apps",
|
|
6
6
|
"keywords": [
|
|
@@ -121,12 +121,12 @@
|
|
|
121
121
|
"vite-plugin-dts": "4.5.4",
|
|
122
122
|
"vite-plugin-svgr": "4.5.0",
|
|
123
123
|
"vitest": "4.0.15",
|
|
124
|
-
"@mesalvo/api-client": "0.0.1",
|
|
125
124
|
"@mesalvo/biome-config": "0.0.2",
|
|
126
125
|
"@mesalvo/icons": "0.0.1",
|
|
127
126
|
"@mesalvo/ts-auth": "2.0.0",
|
|
128
|
-
"@mesalvo/ts-
|
|
129
|
-
"@mesalvo/
|
|
127
|
+
"@mesalvo/ts-definitions": "0.0.2",
|
|
128
|
+
"@mesalvo/api-client": "0.0.1",
|
|
129
|
+
"@mesalvo/ts-logic": "0.0.1"
|
|
130
130
|
},
|
|
131
131
|
"peerDependencies": {
|
|
132
132
|
"react": "^19.0.0",
|