@beweco/aurora-ui 0.6.22 → 0.6.24
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/assets/css/styles.css +1 -1
- package/dist/index.cjs.js +63 -10
- package/dist/index.esm.js +62 -11
- package/dist/types/components/phone/Phone.d.ts.map +1 -1
- package/dist/types/providers/theme/force-light-only-theme.d.ts +9 -0
- package/dist/types/providers/theme/force-light-only-theme.d.ts.map +1 -0
- package/dist/types/providers/theme/index.d.ts +1 -0
- package/dist/types/providers/theme/index.d.ts.map +1 -1
- package/dist/types/providers/theme/useThemeManager.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -3718,6 +3718,8 @@ var Pagination = function (_a) {
|
|
|
3718
3718
|
return jsxRuntime.jsx(react.Pagination, __assign({ showControls: true, isCompact: true }, props));
|
|
3719
3719
|
};
|
|
3720
3720
|
|
|
3721
|
+
/** Encima de overlays a pantalla completa (p. ej. `z-50`) y toasts; evita clics "fantasma" en el buscador del portal. */
|
|
3722
|
+
var COUNTRY_DROPDOWN_Z = 10000;
|
|
3721
3723
|
var Phone = function (_a) {
|
|
3722
3724
|
var id = _a.id, label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.errorText, errorText = _d === void 0 ? "" : _d, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.name, name = _f === void 0 ? "phone" : _f, _g = _a.translations, translations = _g === void 0 ? {} : _g;
|
|
3723
3725
|
var _h = React.useState(false), isDropdownOpen = _h[0], setIsDropdownOpen = _h[1];
|
|
@@ -3752,7 +3754,7 @@ var Phone = function (_a) {
|
|
|
3752
3754
|
top: "".concat(rect.bottom + window.scrollY + 4, "px"),
|
|
3753
3755
|
left: "".concat(rect.left + window.scrollX, "px"),
|
|
3754
3756
|
width: "15rem",
|
|
3755
|
-
zIndex:
|
|
3757
|
+
zIndex: COUNTRY_DROPDOWN_Z,
|
|
3756
3758
|
});
|
|
3757
3759
|
}
|
|
3758
3760
|
}, [isDropdownOpen]);
|
|
@@ -3795,7 +3797,7 @@ var Phone = function (_a) {
|
|
|
3795
3797
|
}
|
|
3796
3798
|
};
|
|
3797
3799
|
return (jsxRuntime.jsxs("div", { className: "flex flex-col gap-1 w-full relative", id: id, children: [finalLabel && (jsxRuntime.jsxs("label", { htmlFor: "phone-input-".concat(name), className: "text-tiny text-default-500 mb-1 text-left", children: [finalLabel, " ", required && jsxRuntime.jsx("span", { className: "text-danger-500", children: "*" })] })), jsxRuntime.jsxs("div", { className: "flex items-center w-full min-h-[56px] transition-colors shadow-sm border-medium border-default-200 rounded-xl focus-within:border-primary-500 ".concat(error ? "!border-danger-500 " : "border-default-200").concat(disabled ? "opacity-60" : ""), children: [jsxRuntime.jsx("div", { className: "relative ml-2", ref: dropdownRef, children: jsxRuntime.jsxs("button", { type: "button", className: "flex items-center gap-1 px-4 h-10 rounded-xl bg-default-100 focus:outline-none transition-colors", onClick: function () { return setIsDropdownOpen(function (v) { return !v; }); }, disabled: disabled, tabIndex: 0, "aria-label": t.selectCountryAriaLabel, children: [jsxRuntime.jsx(FlagIcon, { countryCode: selectedCountry.country, size: "md" }), jsxRuntime.jsx("span", { className: "text-xs text-default-500", children: selectedCountry.code }), jsxRuntime.jsxs("svg", { className: "w-4 h-4 text-default-500 ml-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": t.expandListAriaLabel, children: [jsxRuntime.jsx("title", { children: t.expandListAriaLabel }), jsxRuntime.jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })] })] }) }), jsxRuntime.jsx(react.Input, { type: "tel", className: "flex-1 border-none bg-transparent text-default-500 placeholder-default-500 px-2", placeholder: t.placeholder, value: inputValue, onChange: handleInputChange, onBlur: onBlur, disabled: disabled, name: name, autoComplete: "tel", id: "phone-input-".concat(name) })] }), error && errorText && (jsxRuntime.jsx("span", { className: " text-left text-xs text-danger-500 mt-1", children: errorText })), isDropdownOpen &&
|
|
3798
|
-
reactDom.createPortal(jsxRuntime.jsxs("div", { ref: portalDropdownRef, style: dropdownPosition, className: "bg-content1 border border-default-200 rounded-lg shadow-lg
|
|
3800
|
+
reactDom.createPortal(jsxRuntime.jsxs("div", { ref: portalDropdownRef, style: dropdownPosition, className: "bg-content1 border border-default-200 rounded-lg shadow-lg", "data-react-aria-top-layer": "true", children: [jsxRuntime.jsx("div", { className: "p-2", children: jsxRuntime.jsx("input", { type: "text", className: "w-full px-3 py-2 text-sm bg-default-100 border-medium border-default-200 text-default-500 rounded-lg focus:outline-none focus:border-primary-500", placeholder: t.searchPlaceholder, onChange: function (e) {
|
|
3799
3801
|
var searchTerm = e.target.value.toLowerCase();
|
|
3800
3802
|
var filtered = uniqueCountries.filter(function (country) {
|
|
3801
3803
|
return getCountryName(country).toLowerCase().includes(searchTerm) ||
|
|
@@ -7417,6 +7419,55 @@ function formatAuroraThemeTooltip(entry) {
|
|
|
7417
7419
|
return "".concat(family, " \u00B7 ").concat(mode);
|
|
7418
7420
|
}
|
|
7419
7421
|
|
|
7422
|
+
var HEROUI_THEME_STORAGE_KEY = "heroui-theme";
|
|
7423
|
+
/** Debe coincidir con `THEME_MODE_COOKIE_NAME` en SMBs (`apply-initial-session-theme`). */
|
|
7424
|
+
var BEWEOS_THEME_MODE_COOKIE_NAME = "beweos_theme_mode";
|
|
7425
|
+
var normalizeStoredHeroUiTheme = function (raw) {
|
|
7426
|
+
var t = raw.trim();
|
|
7427
|
+
if (t === "dark" || t === "system") {
|
|
7428
|
+
return "light";
|
|
7429
|
+
}
|
|
7430
|
+
if (t.endsWith("-dark")) {
|
|
7431
|
+
return t.replace(/-dark$/, "-light");
|
|
7432
|
+
}
|
|
7433
|
+
return t;
|
|
7434
|
+
};
|
|
7435
|
+
/**
|
|
7436
|
+
* Asegura apariencia solo clara antes de montar React: corrige `localStorage` de HeroUI,
|
|
7437
|
+
* clases `dark` / `*-dark` en `<html>`, `color-scheme: light` y elimina la cookie de modo.
|
|
7438
|
+
* Debe ejecutarse lo antes posible en el entry (p. ej. justo antes de `createRoot`).
|
|
7439
|
+
*/
|
|
7440
|
+
function forceLightOnlyThemeBeforeReact() {
|
|
7441
|
+
if (typeof window === "undefined") {
|
|
7442
|
+
return;
|
|
7443
|
+
}
|
|
7444
|
+
var root = document.documentElement;
|
|
7445
|
+
try {
|
|
7446
|
+
root.style.colorScheme = "light";
|
|
7447
|
+
root.classList.remove("dark");
|
|
7448
|
+
var stored = localStorage.getItem(HEROUI_THEME_STORAGE_KEY);
|
|
7449
|
+
if (stored) {
|
|
7450
|
+
var normalized = normalizeStoredHeroUiTheme(stored);
|
|
7451
|
+
if (normalized !== stored) {
|
|
7452
|
+
localStorage.setItem(HEROUI_THEME_STORAGE_KEY, normalized);
|
|
7453
|
+
}
|
|
7454
|
+
}
|
|
7455
|
+
for (var _i = 0, _a = __spreadArray([], root.classList, true); _i < _a.length; _i++) {
|
|
7456
|
+
var className = _a[_i];
|
|
7457
|
+
if (className === "dark" || className.endsWith("-dark")) {
|
|
7458
|
+
root.classList.remove(className);
|
|
7459
|
+
if (className.endsWith("-dark") && className !== "dark") {
|
|
7460
|
+
root.classList.add(className.replace(/-dark$/, "-light"));
|
|
7461
|
+
}
|
|
7462
|
+
}
|
|
7463
|
+
}
|
|
7464
|
+
document.cookie = "".concat(BEWEOS_THEME_MODE_COOKIE_NAME, "=; Max-Age=0; path=/");
|
|
7465
|
+
}
|
|
7466
|
+
catch (_b) {
|
|
7467
|
+
// ignore
|
|
7468
|
+
}
|
|
7469
|
+
}
|
|
7470
|
+
|
|
7420
7471
|
var THEME_COLOR_HEX_MAP = {
|
|
7421
7472
|
blue: "#006fee",
|
|
7422
7473
|
purple: "#7828c8",
|
|
@@ -7614,8 +7665,11 @@ function removeCustomPrimaryColor() {
|
|
|
7614
7665
|
* @returns An object with the current mode, color, customHex, and functions to set them.
|
|
7615
7666
|
*/
|
|
7616
7667
|
var useThemeManager = function () {
|
|
7617
|
-
var _a = useTheme.useTheme(), rawTheme = _a.theme, setRawTheme = _a.setTheme;
|
|
7668
|
+
var _a = useTheme.useTheme("light"), rawTheme = _a.theme, setRawTheme = _a.setTheme;
|
|
7618
7669
|
var _b = React.useState(null), customHex = _b[0], setCustomHex = _b[1];
|
|
7670
|
+
React.useEffect(function () {
|
|
7671
|
+
forceLightOnlyThemeBeforeReact();
|
|
7672
|
+
}, []);
|
|
7619
7673
|
var setTheme = React.useCallback(function (theme) {
|
|
7620
7674
|
var _a;
|
|
7621
7675
|
var html = document.documentElement;
|
|
@@ -7651,7 +7705,8 @@ var useThemeManager = function () {
|
|
|
7651
7705
|
}
|
|
7652
7706
|
}, [customHex, mode]);
|
|
7653
7707
|
var setMode = React.useCallback(function (newMode) {
|
|
7654
|
-
var
|
|
7708
|
+
var effectiveMode = newMode === "dark" ? "light" : newMode;
|
|
7709
|
+
var newTheme = color === "blue" ? effectiveMode : "".concat(color, "-").concat(effectiveMode);
|
|
7655
7710
|
setTheme(newTheme);
|
|
7656
7711
|
}, [color, setTheme]);
|
|
7657
7712
|
var setColor = React.useCallback(function (newColor) {
|
|
@@ -7665,18 +7720,14 @@ var useThemeManager = function () {
|
|
|
7665
7720
|
else {
|
|
7666
7721
|
var closestColor = hexToThemeColor(newColor);
|
|
7667
7722
|
setCustomHex(newColor);
|
|
7668
|
-
var newTheme = closestColor === "blue"
|
|
7669
|
-
? mode
|
|
7670
|
-
: "".concat(closestColor, "-").concat(mode);
|
|
7723
|
+
var newTheme = closestColor === "blue" ? mode : "".concat(closestColor, "-").concat(mode);
|
|
7671
7724
|
setTheme(newTheme);
|
|
7672
7725
|
}
|
|
7673
7726
|
}
|
|
7674
7727
|
else {
|
|
7675
7728
|
setCustomHex(null);
|
|
7676
7729
|
var resolvedColor = newColor;
|
|
7677
|
-
var newTheme = resolvedColor === "blue"
|
|
7678
|
-
? mode
|
|
7679
|
-
: "".concat(resolvedColor, "-").concat(mode);
|
|
7730
|
+
var newTheme = resolvedColor === "blue" ? mode : "".concat(resolvedColor, "-").concat(mode);
|
|
7680
7731
|
setTheme(newTheme);
|
|
7681
7732
|
}
|
|
7682
7733
|
}, [mode, setTheme]);
|
|
@@ -7792,6 +7843,7 @@ exports.AreaLineChart = AreaLineChart;
|
|
|
7792
7843
|
exports.AuraAutocomplete = AuraAutocomplete;
|
|
7793
7844
|
exports.AuraTable = AuraTable;
|
|
7794
7845
|
exports.AuraToastProvider = AuraToastProvider;
|
|
7846
|
+
exports.BEWEOS_THEME_MODE_COOKIE_NAME = BEWEOS_THEME_MODE_COOKIE_NAME;
|
|
7795
7847
|
exports.BreadcrumbsComponent = BreadcrumbsComponent;
|
|
7796
7848
|
exports.Button = Button;
|
|
7797
7849
|
exports.Card = Card;
|
|
@@ -7866,6 +7918,7 @@ exports.applyCustomPrimaryColor = applyCustomPrimaryColor;
|
|
|
7866
7918
|
exports.defaultCountries = uniqueCountries;
|
|
7867
7919
|
exports.defaultCurrencyOptions = defaultCurrencyOptions;
|
|
7868
7920
|
exports.defaultTranslations = defaultTranslations$4;
|
|
7921
|
+
exports.forceLightOnlyThemeBeforeReact = forceLightOnlyThemeBeforeReact;
|
|
7869
7922
|
exports.formatAuroraThemeTooltip = formatAuroraThemeTooltip;
|
|
7870
7923
|
exports.generateThemeColorScale = generateThemeColorScale;
|
|
7871
7924
|
exports.getContrastForeground = getContrastForeground;
|
package/dist/index.esm.js
CHANGED
|
@@ -3719,6 +3719,8 @@ var Pagination = function (_a) {
|
|
|
3719
3719
|
return jsx(Pagination$1, __assign({ showControls: true, isCompact: true }, props));
|
|
3720
3720
|
};
|
|
3721
3721
|
|
|
3722
|
+
/** Encima de overlays a pantalla completa (p. ej. `z-50`) y toasts; evita clics "fantasma" en el buscador del portal. */
|
|
3723
|
+
var COUNTRY_DROPDOWN_Z = 10000;
|
|
3722
3724
|
var Phone = function (_a) {
|
|
3723
3725
|
var id = _a.id, label = _a.label, _b = _a.required, required = _b === void 0 ? false : _b, _c = _a.error, error = _c === void 0 ? false : _c, _d = _a.errorText, errorText = _d === void 0 ? "" : _d, value = _a.value, onChange = _a.onChange, onBlur = _a.onBlur, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.name, name = _f === void 0 ? "phone" : _f, _g = _a.translations, translations = _g === void 0 ? {} : _g;
|
|
3724
3726
|
var _h = useState(false), isDropdownOpen = _h[0], setIsDropdownOpen = _h[1];
|
|
@@ -3753,7 +3755,7 @@ var Phone = function (_a) {
|
|
|
3753
3755
|
top: "".concat(rect.bottom + window.scrollY + 4, "px"),
|
|
3754
3756
|
left: "".concat(rect.left + window.scrollX, "px"),
|
|
3755
3757
|
width: "15rem",
|
|
3756
|
-
zIndex:
|
|
3758
|
+
zIndex: COUNTRY_DROPDOWN_Z,
|
|
3757
3759
|
});
|
|
3758
3760
|
}
|
|
3759
3761
|
}, [isDropdownOpen]);
|
|
@@ -3796,7 +3798,7 @@ var Phone = function (_a) {
|
|
|
3796
3798
|
}
|
|
3797
3799
|
};
|
|
3798
3800
|
return (jsxs("div", { className: "flex flex-col gap-1 w-full relative", id: id, children: [finalLabel && (jsxs("label", { htmlFor: "phone-input-".concat(name), className: "text-tiny text-default-500 mb-1 text-left", children: [finalLabel, " ", required && jsx("span", { className: "text-danger-500", children: "*" })] })), jsxs("div", { className: "flex items-center w-full min-h-[56px] transition-colors shadow-sm border-medium border-default-200 rounded-xl focus-within:border-primary-500 ".concat(error ? "!border-danger-500 " : "border-default-200").concat(disabled ? "opacity-60" : ""), children: [jsx("div", { className: "relative ml-2", ref: dropdownRef, children: jsxs("button", { type: "button", className: "flex items-center gap-1 px-4 h-10 rounded-xl bg-default-100 focus:outline-none transition-colors", onClick: function () { return setIsDropdownOpen(function (v) { return !v; }); }, disabled: disabled, tabIndex: 0, "aria-label": t.selectCountryAriaLabel, children: [jsx(FlagIcon, { countryCode: selectedCountry.country, size: "md" }), jsx("span", { className: "text-xs text-default-500", children: selectedCountry.code }), jsxs("svg", { className: "w-4 h-4 text-default-500 ml-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", role: "img", "aria-label": t.expandListAriaLabel, children: [jsx("title", { children: t.expandListAriaLabel }), jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" })] })] }) }), jsx(Input$1, { type: "tel", className: "flex-1 border-none bg-transparent text-default-500 placeholder-default-500 px-2", placeholder: t.placeholder, value: inputValue, onChange: handleInputChange, onBlur: onBlur, disabled: disabled, name: name, autoComplete: "tel", id: "phone-input-".concat(name) })] }), error && errorText && (jsx("span", { className: " text-left text-xs text-danger-500 mt-1", children: errorText })), isDropdownOpen &&
|
|
3799
|
-
createPortal(jsxs("div", { ref: portalDropdownRef, style: dropdownPosition, className: "bg-content1 border border-default-200 rounded-lg shadow-lg
|
|
3801
|
+
createPortal(jsxs("div", { ref: portalDropdownRef, style: dropdownPosition, className: "bg-content1 border border-default-200 rounded-lg shadow-lg", "data-react-aria-top-layer": "true", children: [jsx("div", { className: "p-2", children: jsx("input", { type: "text", className: "w-full px-3 py-2 text-sm bg-default-100 border-medium border-default-200 text-default-500 rounded-lg focus:outline-none focus:border-primary-500", placeholder: t.searchPlaceholder, onChange: function (e) {
|
|
3800
3802
|
var searchTerm = e.target.value.toLowerCase();
|
|
3801
3803
|
var filtered = uniqueCountries.filter(function (country) {
|
|
3802
3804
|
return getCountryName(country).toLowerCase().includes(searchTerm) ||
|
|
@@ -7418,6 +7420,55 @@ function formatAuroraThemeTooltip(entry) {
|
|
|
7418
7420
|
return "".concat(family, " \u00B7 ").concat(mode);
|
|
7419
7421
|
}
|
|
7420
7422
|
|
|
7423
|
+
var HEROUI_THEME_STORAGE_KEY = "heroui-theme";
|
|
7424
|
+
/** Debe coincidir con `THEME_MODE_COOKIE_NAME` en SMBs (`apply-initial-session-theme`). */
|
|
7425
|
+
var BEWEOS_THEME_MODE_COOKIE_NAME = "beweos_theme_mode";
|
|
7426
|
+
var normalizeStoredHeroUiTheme = function (raw) {
|
|
7427
|
+
var t = raw.trim();
|
|
7428
|
+
if (t === "dark" || t === "system") {
|
|
7429
|
+
return "light";
|
|
7430
|
+
}
|
|
7431
|
+
if (t.endsWith("-dark")) {
|
|
7432
|
+
return t.replace(/-dark$/, "-light");
|
|
7433
|
+
}
|
|
7434
|
+
return t;
|
|
7435
|
+
};
|
|
7436
|
+
/**
|
|
7437
|
+
* Asegura apariencia solo clara antes de montar React: corrige `localStorage` de HeroUI,
|
|
7438
|
+
* clases `dark` / `*-dark` en `<html>`, `color-scheme: light` y elimina la cookie de modo.
|
|
7439
|
+
* Debe ejecutarse lo antes posible en el entry (p. ej. justo antes de `createRoot`).
|
|
7440
|
+
*/
|
|
7441
|
+
function forceLightOnlyThemeBeforeReact() {
|
|
7442
|
+
if (typeof window === "undefined") {
|
|
7443
|
+
return;
|
|
7444
|
+
}
|
|
7445
|
+
var root = document.documentElement;
|
|
7446
|
+
try {
|
|
7447
|
+
root.style.colorScheme = "light";
|
|
7448
|
+
root.classList.remove("dark");
|
|
7449
|
+
var stored = localStorage.getItem(HEROUI_THEME_STORAGE_KEY);
|
|
7450
|
+
if (stored) {
|
|
7451
|
+
var normalized = normalizeStoredHeroUiTheme(stored);
|
|
7452
|
+
if (normalized !== stored) {
|
|
7453
|
+
localStorage.setItem(HEROUI_THEME_STORAGE_KEY, normalized);
|
|
7454
|
+
}
|
|
7455
|
+
}
|
|
7456
|
+
for (var _i = 0, _a = __spreadArray([], root.classList, true); _i < _a.length; _i++) {
|
|
7457
|
+
var className = _a[_i];
|
|
7458
|
+
if (className === "dark" || className.endsWith("-dark")) {
|
|
7459
|
+
root.classList.remove(className);
|
|
7460
|
+
if (className.endsWith("-dark") && className !== "dark") {
|
|
7461
|
+
root.classList.add(className.replace(/-dark$/, "-light"));
|
|
7462
|
+
}
|
|
7463
|
+
}
|
|
7464
|
+
}
|
|
7465
|
+
document.cookie = "".concat(BEWEOS_THEME_MODE_COOKIE_NAME, "=; Max-Age=0; path=/");
|
|
7466
|
+
}
|
|
7467
|
+
catch (_b) {
|
|
7468
|
+
// ignore
|
|
7469
|
+
}
|
|
7470
|
+
}
|
|
7471
|
+
|
|
7421
7472
|
var THEME_COLOR_HEX_MAP = {
|
|
7422
7473
|
blue: "#006fee",
|
|
7423
7474
|
purple: "#7828c8",
|
|
@@ -7615,8 +7666,11 @@ function removeCustomPrimaryColor() {
|
|
|
7615
7666
|
* @returns An object with the current mode, color, customHex, and functions to set them.
|
|
7616
7667
|
*/
|
|
7617
7668
|
var useThemeManager = function () {
|
|
7618
|
-
var _a = useTheme(), rawTheme = _a.theme, setRawTheme = _a.setTheme;
|
|
7669
|
+
var _a = useTheme("light"), rawTheme = _a.theme, setRawTheme = _a.setTheme;
|
|
7619
7670
|
var _b = useState(null), customHex = _b[0], setCustomHex = _b[1];
|
|
7671
|
+
useEffect(function () {
|
|
7672
|
+
forceLightOnlyThemeBeforeReact();
|
|
7673
|
+
}, []);
|
|
7620
7674
|
var setTheme = useCallback(function (theme) {
|
|
7621
7675
|
var _a;
|
|
7622
7676
|
var html = document.documentElement;
|
|
@@ -7652,7 +7706,8 @@ var useThemeManager = function () {
|
|
|
7652
7706
|
}
|
|
7653
7707
|
}, [customHex, mode]);
|
|
7654
7708
|
var setMode = useCallback(function (newMode) {
|
|
7655
|
-
var
|
|
7709
|
+
var effectiveMode = newMode === "dark" ? "light" : newMode;
|
|
7710
|
+
var newTheme = color === "blue" ? effectiveMode : "".concat(color, "-").concat(effectiveMode);
|
|
7656
7711
|
setTheme(newTheme);
|
|
7657
7712
|
}, [color, setTheme]);
|
|
7658
7713
|
var setColor = useCallback(function (newColor) {
|
|
@@ -7666,18 +7721,14 @@ var useThemeManager = function () {
|
|
|
7666
7721
|
else {
|
|
7667
7722
|
var closestColor = hexToThemeColor(newColor);
|
|
7668
7723
|
setCustomHex(newColor);
|
|
7669
|
-
var newTheme = closestColor === "blue"
|
|
7670
|
-
? mode
|
|
7671
|
-
: "".concat(closestColor, "-").concat(mode);
|
|
7724
|
+
var newTheme = closestColor === "blue" ? mode : "".concat(closestColor, "-").concat(mode);
|
|
7672
7725
|
setTheme(newTheme);
|
|
7673
7726
|
}
|
|
7674
7727
|
}
|
|
7675
7728
|
else {
|
|
7676
7729
|
setCustomHex(null);
|
|
7677
7730
|
var resolvedColor = newColor;
|
|
7678
|
-
var newTheme = resolvedColor === "blue"
|
|
7679
|
-
? mode
|
|
7680
|
-
: "".concat(resolvedColor, "-").concat(mode);
|
|
7731
|
+
var newTheme = resolvedColor === "blue" ? mode : "".concat(resolvedColor, "-").concat(mode);
|
|
7681
7732
|
setTheme(newTheme);
|
|
7682
7733
|
}
|
|
7683
7734
|
}, [mode, setTheme]);
|
|
@@ -7775,4 +7826,4 @@ var NavigationLoadingProvider = function (_a) {
|
|
|
7775
7826
|
return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
|
|
7776
7827
|
};
|
|
7777
7828
|
|
|
7778
|
-
export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$4 as defaultTranslations, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };
|
|
7829
|
+
export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BEWEOS_THEME_MODE_COOKIE_NAME, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, Currency, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, EmailPreview, EnumMenuNavListItem, GlobalToast, H1, H2, H3, H4, HeaderComponent, HolidayType, IconComponent, ImagePreview, Input, InputPassword, Kanban, KanbanCard, KanbanColumn, MenuComponent, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, MultiStepWizard, NavigationLoadingContext, NavigationLoadingOverlay, NavigationLoadingProvider, P, Pagination, Phone, PromotionalBanner, REGISTERED_THEME_COLORS, RangeFilter, RowSteps, DEFAULT_TRANSLATIONS$1 as SEGMENTATION_DEFAULT_TRANSLATIONS, ScheduleRow, SearchInput, SegmentationBuilder, Select, SimpleLineChart, SocialMediaBar, SocialMediaCarousel, SocialMediaPreview, StepIndicator, Switch as SwitchComponent, THEME_COLOR_HEX_MAP, TagsFilter, Textarea, ThemeContext, ThemePicker, ThemeProvider, TimeInput as TimeInputComponent, ToastContext, TwoColumnLayoutAgent, UploadFile, VerticalSteps, WhatsAppPreview, Wizard, WizardNavigation, WizardSidebar, applyCustomPrimaryColor, uniqueCountries as defaultCountries, defaultCurrencyOptions, defaultTranslations$4 as defaultTranslations, forceLightOnlyThemeBeforeReact, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Phone.d.ts","sourceRoot":"","sources":["../../../../src/components/phone/Phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAOrD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAoO3C,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/** Debe coincidir con `THEME_MODE_COOKIE_NAME` en SMBs (`apply-initial-session-theme`). */
|
|
2
|
+
export declare const BEWEOS_THEME_MODE_COOKIE_NAME = "beweos_theme_mode";
|
|
3
|
+
/**
|
|
4
|
+
* Asegura apariencia solo clara antes de montar React: corrige `localStorage` de HeroUI,
|
|
5
|
+
* clases `dark` / `*-dark` en `<html>`, `color-scheme: light` y elimina la cookie de modo.
|
|
6
|
+
* Debe ejecutarse lo antes posible en el entry (p. ej. justo antes de `createRoot`).
|
|
7
|
+
*/
|
|
8
|
+
export declare function forceLightOnlyThemeBeforeReact(): void;
|
|
9
|
+
//# sourceMappingURL=force-light-only-theme.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"force-light-only-theme.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/force-light-only-theme.ts"],"names":[],"mappings":"AAEA,2FAA2F;AAC3F,eAAO,MAAM,6BAA6B,sBAAsB,CAAC;AAajE;;;;GAIG;AACH,wBAAgB,8BAA8B,IAAI,IAAI,CA8BrD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/useThemeManager.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useThemeManager.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/useThemeManager.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACX,UAAU,EACV,SAAS,EACT,MAAM,yCAAyC,CAAC;AAYjD;;;;GAIG;AACH,eAAO,MAAM,eAAe;;;;uBAgDhB,SAAS;yBAUR,UAAU,GAAG,MAAM;CAiC/B,CAAC"}
|