@beweco/aurora-ui 0.6.5 → 0.6.6
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 +136 -38
- package/dist/index.esm.js +131 -40
- package/dist/types/components/color-selector/ColorSelector.d.ts +4 -0
- package/dist/types/components/color-selector/ColorSelector.d.ts.map +1 -1
- package/dist/types/index.d.ts +1 -0
- package/dist/types/index.d.ts.map +1 -1
- 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/theme.utils.d.ts +5 -1
- package/dist/types/providers/theme/theme.utils.d.ts.map +1 -1
- package/dist/types/themes/aurora-theme-registry.d.ts +31 -0
- package/dist/types/themes/aurora-theme-registry.d.ts.map +1 -0
- package/dist/types/themes/index.d.ts +2 -0
- package/dist/types/themes/index.d.ts.map +1 -0
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -1632,40 +1632,68 @@ var themeColors = {
|
|
|
1632
1632
|
},
|
|
1633
1633
|
};
|
|
1634
1634
|
|
|
1635
|
+
/**
|
|
1636
|
+
* @file This file contains the theme configurations for the application.
|
|
1637
|
+
*/
|
|
1638
|
+
var ALL_THEMES = __spreadArray(["light", "dark"], Object.keys(themeColors), true);
|
|
1639
|
+
/**
|
|
1640
|
+
* Unique hue ids derived from {@link themeColors} keys (e.g. `oceanMint` from `oceanMint-light`).
|
|
1641
|
+
*/
|
|
1642
|
+
function getRegisteredThemeColorBases() {
|
|
1643
|
+
return Array.from(new Set(Object.keys(themeColors).map(function (key) { return key.replace(/-(light|dark)$/, ""); }))).sort();
|
|
1644
|
+
}
|
|
1645
|
+
/**
|
|
1646
|
+
* Same as {@link getRegisteredThemeColorBases} typed as {@link ThemeColor} for callers that expect the union.
|
|
1647
|
+
* Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
|
|
1648
|
+
*/
|
|
1649
|
+
var REGISTERED_THEME_COLORS = getRegisteredThemeColorBases();
|
|
1650
|
+
|
|
1651
|
+
/** Human-readable theme name for tooltips and aria (e.g. blue-light → "Blue light"). */
|
|
1652
|
+
function formatThemeDisplayName(themeName) {
|
|
1653
|
+
return themeName
|
|
1654
|
+
.split("-")
|
|
1655
|
+
.map(function (segment) {
|
|
1656
|
+
return segment.length > 0
|
|
1657
|
+
? segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase()
|
|
1658
|
+
: segment;
|
|
1659
|
+
})
|
|
1660
|
+
.join(" ");
|
|
1661
|
+
}
|
|
1662
|
+
var swatchClass = "box-border shrink-0 cursor-pointer rounded-full border-2 transition-[border-color,box-shadow]";
|
|
1663
|
+
var radioClassNames = {
|
|
1664
|
+
base: "m-0 inline-flex max-w-fit items-center p-0",
|
|
1665
|
+
wrapper: "hidden",
|
|
1666
|
+
// HeroUI places a full-size invisible input at z-[1] over the label; lift swatches above it.
|
|
1667
|
+
labelWrapper: "relative z-[2] m-0 ms-0 flex flex-col p-0",
|
|
1668
|
+
label: "m-0 block p-0 leading-none",
|
|
1669
|
+
};
|
|
1670
|
+
/**
|
|
1671
|
+
* One swatch per registered hue, using the palette for the **current** app light/dark mode.
|
|
1672
|
+
* To preview dark variants the user must switch the app to dark mode (and vice versa).
|
|
1673
|
+
*/
|
|
1635
1674
|
var ColorSelector = function (_a) {
|
|
1636
1675
|
var selectedColor = _a.selectedColor, onColorChange = _a.onColorChange;
|
|
1637
1676
|
var mode = useThemeContext().mode;
|
|
1638
|
-
|
|
1639
|
-
|
|
1640
|
-
* Each color option contains:
|
|
1641
|
-
* - value: the theme name (e.g., "blue-light")
|
|
1642
|
-
* - label: the base color name (e.g., "blue")
|
|
1643
|
-
* - color: the primary color hex value
|
|
1644
|
-
*/
|
|
1645
|
-
var colorOptions = Object.entries(themeColors)
|
|
1646
|
-
.filter(function (_a) {
|
|
1647
|
-
var themeData = _a[1];
|
|
1648
|
-
var themeMode = themeData.extend;
|
|
1649
|
-
return mode === "light" ? themeMode === "light" : themeMode === "dark";
|
|
1650
|
-
})
|
|
1651
|
-
.map(function (_a) {
|
|
1652
|
-
var themeName = _a[0], theme = _a[1];
|
|
1653
|
-
return ({
|
|
1654
|
-
value: themeName,
|
|
1655
|
-
label: themeName.split("-")[0],
|
|
1656
|
-
color: theme.colors.primary.DEFAULT,
|
|
1657
|
-
});
|
|
1658
|
-
});
|
|
1677
|
+
var resolvedMode = mode === "dark" ? "dark" : "light";
|
|
1678
|
+
var baseIds = getRegisteredThemeColorBases();
|
|
1659
1679
|
return (jsxRuntime.jsx(react.RadioGroup, { value: selectedColor, onValueChange: onColorChange, orientation: "horizontal", className: "flex flex-wrap !gap-2", classNames: {
|
|
1660
1680
|
base: "flex flex-wrap !gap-2",
|
|
1661
1681
|
wrapper: "flex flex-wrap !gap-2",
|
|
1662
|
-
}, children:
|
|
1663
|
-
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1682
|
+
}, children: baseIds.map(function (baseId) {
|
|
1683
|
+
var themeName = "".concat(baseId, "-").concat(resolvedMode);
|
|
1684
|
+
var entry = themeColors[themeName];
|
|
1685
|
+
if (!entry) {
|
|
1686
|
+
return null;
|
|
1687
|
+
}
|
|
1688
|
+
var isSelected = selectedColor === baseId;
|
|
1689
|
+
return (jsxRuntime.jsx(react.Radio, { value: baseId, "aria-label": formatThemeDisplayName(themeName), classNames: radioClassNames, children: jsxRuntime.jsx(react.Tooltip, { content: formatThemeDisplayName(themeName), delay: 0, closeDelay: 120, placement: "top", children: jsxRuntime.jsx("span", { className: [
|
|
1690
|
+
swatchClass,
|
|
1691
|
+
"inline-block size-8",
|
|
1692
|
+
isSelected
|
|
1693
|
+
? "border-foreground/40 ring-2 ring-foreground/25 ring-offset-2 ring-offset-background"
|
|
1694
|
+
: "border-default-200 hover:border-default-400",
|
|
1695
|
+
].join(" "), style: { backgroundColor: entry.colors.primary.DEFAULT } }) }) }, baseId));
|
|
1696
|
+
}) }));
|
|
1669
1697
|
};
|
|
1670
1698
|
|
|
1671
1699
|
/**
|
|
@@ -6669,6 +6697,79 @@ var Card = function (_a) {
|
|
|
6669
6697
|
return (jsxRuntime.jsx(react.Card, __assign({ shadow: shadow, radius: radius, className: combinedClassName }, props, { children: children })));
|
|
6670
6698
|
};
|
|
6671
6699
|
|
|
6700
|
+
/**
|
|
6701
|
+
* Registro público de temas Aurora para consumidores (@beweco/aurora-ui).
|
|
6702
|
+
* Derivado de {@link themeColors}: al añadir un par `*-light` / `*-dark` en
|
|
6703
|
+
* `colors.default.ts`, este registro se actualiza sin duplicar listas.
|
|
6704
|
+
*/
|
|
6705
|
+
function readPrimaryDefault(colors) {
|
|
6706
|
+
var primary = colors.primary;
|
|
6707
|
+
if (primary &&
|
|
6708
|
+
typeof primary === "object" &&
|
|
6709
|
+
"DEFAULT" in primary &&
|
|
6710
|
+
typeof primary.DEFAULT === "string") {
|
|
6711
|
+
return primary.DEFAULT;
|
|
6712
|
+
}
|
|
6713
|
+
return "#000000";
|
|
6714
|
+
}
|
|
6715
|
+
function parseEntry(id, config) {
|
|
6716
|
+
var mode = config.extend === "dark" ? "dark" : "light";
|
|
6717
|
+
var colorFamily = id.replace(/-(light|dark)$/, "");
|
|
6718
|
+
return {
|
|
6719
|
+
id: id,
|
|
6720
|
+
colorFamily: colorFamily,
|
|
6721
|
+
mode: mode,
|
|
6722
|
+
labelKey: "aurora.theme.".concat(id),
|
|
6723
|
+
previewPrimary: readPrimaryDefault(config.colors),
|
|
6724
|
+
};
|
|
6725
|
+
}
|
|
6726
|
+
/** Entradas en el mismo orden que las claves de `themeColors`. */
|
|
6727
|
+
var AURORA_THEME_REGISTRY = Object.entries(themeColors).map(function (_a) {
|
|
6728
|
+
var id = _a[0], config = _a[1];
|
|
6729
|
+
return parseEntry(id, config);
|
|
6730
|
+
});
|
|
6731
|
+
function buildFamilies(entries) {
|
|
6732
|
+
var _a;
|
|
6733
|
+
var map = new Map();
|
|
6734
|
+
for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
|
|
6735
|
+
var entry = entries_1[_i];
|
|
6736
|
+
var slot = (_a = map.get(entry.colorFamily)) !== null && _a !== void 0 ? _a : {};
|
|
6737
|
+
if (entry.mode === "light") {
|
|
6738
|
+
slot.light = entry;
|
|
6739
|
+
}
|
|
6740
|
+
else {
|
|
6741
|
+
slot.dark = entry;
|
|
6742
|
+
}
|
|
6743
|
+
map.set(entry.colorFamily, slot);
|
|
6744
|
+
}
|
|
6745
|
+
return Array.from(map.entries())
|
|
6746
|
+
.map(function (_a) {
|
|
6747
|
+
var colorFamily = _a[0], _b = _a[1], light = _b.light, dark = _b.dark;
|
|
6748
|
+
return ({
|
|
6749
|
+
colorFamily: colorFamily,
|
|
6750
|
+
light: light,
|
|
6751
|
+
dark: dark,
|
|
6752
|
+
});
|
|
6753
|
+
})
|
|
6754
|
+
.sort(function (a, b) { return a.colorFamily.localeCompare(b.colorFamily); });
|
|
6755
|
+
}
|
|
6756
|
+
/** Familias de color (light + dark) para selectores tipo “Color de la plataforma”. */
|
|
6757
|
+
var AURORA_THEME_FAMILIES = buildFamilies(AURORA_THEME_REGISTRY);
|
|
6758
|
+
function isAuroraFullThemeId(value) {
|
|
6759
|
+
return value in themeColors;
|
|
6760
|
+
}
|
|
6761
|
+
/** Texto legible por defecto para tooltips (p. ej. `Ocean Mint · Light`). */
|
|
6762
|
+
function formatAuroraThemeTooltip(entry) {
|
|
6763
|
+
var family = entry.colorFamily
|
|
6764
|
+
.replace(/([A-Z])/g, " $1")
|
|
6765
|
+
.trim()
|
|
6766
|
+
.split(/\s+/)
|
|
6767
|
+
.map(function (w) { return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(); })
|
|
6768
|
+
.join(" ");
|
|
6769
|
+
var mode = entry.mode === "light" ? "Light" : "Dark";
|
|
6770
|
+
return "".concat(family, " \u00B7 ").concat(mode);
|
|
6771
|
+
}
|
|
6772
|
+
|
|
6672
6773
|
var THEME_COLOR_HEX_MAP = {
|
|
6673
6774
|
blue: "#006fee",
|
|
6674
6775
|
purple: "#7828c8",
|
|
@@ -6860,16 +6961,6 @@ function removeCustomPrimaryColor() {
|
|
|
6860
6961
|
}
|
|
6861
6962
|
}
|
|
6862
6963
|
|
|
6863
|
-
/**
|
|
6864
|
-
* @file This file contains the theme configurations for the application.
|
|
6865
|
-
*/
|
|
6866
|
-
var ALL_THEMES = __spreadArray(["light", "dark"], Object.keys(themeColors), true);
|
|
6867
|
-
/**
|
|
6868
|
-
* Base color ids registered in {@link themeColors} (e.g. `oceanMint` from `oceanMint-light`).
|
|
6869
|
-
* Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
|
|
6870
|
-
*/
|
|
6871
|
-
Array.from(new Set(Object.keys(themeColors).map(function (key) { return key.replace(/-(light|dark)$/, ""); }))).sort();
|
|
6872
|
-
|
|
6873
6964
|
/**
|
|
6874
6965
|
* Custom hook to manage the theme state and side effects.
|
|
6875
6966
|
* Supports both named ThemeColor values and arbitrary hex colors.
|
|
@@ -7044,6 +7135,9 @@ Object.defineProperty(exports, "loadIcons", {
|
|
|
7044
7135
|
enumerable: true,
|
|
7045
7136
|
get: function () { return react$1.loadIcons; }
|
|
7046
7137
|
});
|
|
7138
|
+
exports.ALL_THEMES = ALL_THEMES;
|
|
7139
|
+
exports.AURORA_THEME_FAMILIES = AURORA_THEME_FAMILIES;
|
|
7140
|
+
exports.AURORA_THEME_REGISTRY = AURORA_THEME_REGISTRY;
|
|
7047
7141
|
exports.AccordionList = AccordionList;
|
|
7048
7142
|
exports.AddHolidayForm = AddHolidayForm;
|
|
7049
7143
|
exports.AnalyticsCard = AnalyticsCard;
|
|
@@ -7090,6 +7184,7 @@ exports.P = P;
|
|
|
7090
7184
|
exports.Pagination = Pagination;
|
|
7091
7185
|
exports.Phone = Phone;
|
|
7092
7186
|
exports.PromotionalBanner = PromotionalBanner;
|
|
7187
|
+
exports.REGISTERED_THEME_COLORS = REGISTERED_THEME_COLORS;
|
|
7093
7188
|
exports.RangeFilter = RangeFilter;
|
|
7094
7189
|
exports.RowSteps = RowSteps;
|
|
7095
7190
|
exports.SEGMENTATION_DEFAULT_TRANSLATIONS = DEFAULT_TRANSLATIONS$1;
|
|
@@ -7121,11 +7216,14 @@ exports.WizardSidebar = WizardSidebar;
|
|
|
7121
7216
|
exports.applyCustomPrimaryColor = applyCustomPrimaryColor;
|
|
7122
7217
|
exports.defaultCountries = uniqueCountries;
|
|
7123
7218
|
exports.defaultTranslations = defaultTranslations$4;
|
|
7219
|
+
exports.formatAuroraThemeTooltip = formatAuroraThemeTooltip;
|
|
7124
7220
|
exports.generateThemeColorScale = generateThemeColorScale;
|
|
7125
7221
|
exports.getContrastForeground = getContrastForeground;
|
|
7222
|
+
exports.getRegisteredThemeColorBases = getRegisteredThemeColorBases;
|
|
7126
7223
|
exports.getSelectedKeyFromPath = getSelectedKeyFromPath;
|
|
7127
7224
|
exports.hexToThemeColor = hexToThemeColor;
|
|
7128
7225
|
exports.hslToCssValue = hslToCssValue;
|
|
7226
|
+
exports.isAuroraFullThemeId = isAuroraFullThemeId;
|
|
7129
7227
|
exports.isExactThemeColor = isExactThemeColor;
|
|
7130
7228
|
exports.isGroupState = isGroupState;
|
|
7131
7229
|
exports.isHexColor = isHexColor;
|
package/dist/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { Skeleton, Button as Button$1, Chip as Chip$1, Accordion, AccordionItem, Pagination as Pagination$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, Breadcrumbs, BreadcrumbItem, DropdownSection, Badge, Spinner, ListboxItem, Popover, PopoverTrigger,
|
|
1
|
+
import { Skeleton, Button as Button$1, Chip as Chip$1, Accordion, AccordionItem, Pagination as Pagination$1, DatePicker as DatePicker$1, DateRangePicker as DateRangePicker$1, Input as Input$1, RadioGroup, Radio, cn, Card as Card$1, Spacer, Tabs, Tab, Dropdown, DropdownTrigger, DropdownMenu, DropdownItem, Autocomplete, Tooltip as Tooltip$1, Breadcrumbs, BreadcrumbItem, DropdownSection, Badge, Spinner, ListboxItem, Popover, PopoverTrigger, PopoverContent, Listbox, ListboxSection, Avatar, Link, Switch as Switch$1, TimeInput as TimeInput$1, Select as Select$1, Image as Image$1, Table, TableHeader, TableColumn, TableBody, TableRow, TableCell, Textarea as Textarea$1, Alert, Modal as Modal$1, ModalContent as ModalContent$1, ModalHeader as ModalHeader$1, ModalBody as ModalBody$1, Slider, ModalFooter as ModalFooter$1, CardBody, SelectItem, Drawer, DrawerContent, DrawerBody, SelectSection, Checkbox, AutocompleteItem, Divider } from '@heroui/react';
|
|
2
2
|
export * from '@heroui/react';
|
|
3
3
|
export { Slider } from '@heroui/react';
|
|
4
4
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
@@ -1633,40 +1633,68 @@ var themeColors = {
|
|
|
1633
1633
|
},
|
|
1634
1634
|
};
|
|
1635
1635
|
|
|
1636
|
+
/**
|
|
1637
|
+
* @file This file contains the theme configurations for the application.
|
|
1638
|
+
*/
|
|
1639
|
+
var ALL_THEMES = __spreadArray(["light", "dark"], Object.keys(themeColors), true);
|
|
1640
|
+
/**
|
|
1641
|
+
* Unique hue ids derived from {@link themeColors} keys (e.g. `oceanMint` from `oceanMint-light`).
|
|
1642
|
+
*/
|
|
1643
|
+
function getRegisteredThemeColorBases() {
|
|
1644
|
+
return Array.from(new Set(Object.keys(themeColors).map(function (key) { return key.replace(/-(light|dark)$/, ""); }))).sort();
|
|
1645
|
+
}
|
|
1646
|
+
/**
|
|
1647
|
+
* Same as {@link getRegisteredThemeColorBases} typed as {@link ThemeColor} for callers that expect the union.
|
|
1648
|
+
* Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
|
|
1649
|
+
*/
|
|
1650
|
+
var REGISTERED_THEME_COLORS = getRegisteredThemeColorBases();
|
|
1651
|
+
|
|
1652
|
+
/** Human-readable theme name for tooltips and aria (e.g. blue-light → "Blue light"). */
|
|
1653
|
+
function formatThemeDisplayName(themeName) {
|
|
1654
|
+
return themeName
|
|
1655
|
+
.split("-")
|
|
1656
|
+
.map(function (segment) {
|
|
1657
|
+
return segment.length > 0
|
|
1658
|
+
? segment.charAt(0).toUpperCase() + segment.slice(1).toLowerCase()
|
|
1659
|
+
: segment;
|
|
1660
|
+
})
|
|
1661
|
+
.join(" ");
|
|
1662
|
+
}
|
|
1663
|
+
var swatchClass = "box-border shrink-0 cursor-pointer rounded-full border-2 transition-[border-color,box-shadow]";
|
|
1664
|
+
var radioClassNames = {
|
|
1665
|
+
base: "m-0 inline-flex max-w-fit items-center p-0",
|
|
1666
|
+
wrapper: "hidden",
|
|
1667
|
+
// HeroUI places a full-size invisible input at z-[1] over the label; lift swatches above it.
|
|
1668
|
+
labelWrapper: "relative z-[2] m-0 ms-0 flex flex-col p-0",
|
|
1669
|
+
label: "m-0 block p-0 leading-none",
|
|
1670
|
+
};
|
|
1671
|
+
/**
|
|
1672
|
+
* One swatch per registered hue, using the palette for the **current** app light/dark mode.
|
|
1673
|
+
* To preview dark variants the user must switch the app to dark mode (and vice versa).
|
|
1674
|
+
*/
|
|
1636
1675
|
var ColorSelector = function (_a) {
|
|
1637
1676
|
var selectedColor = _a.selectedColor, onColorChange = _a.onColorChange;
|
|
1638
1677
|
var mode = useThemeContext().mode;
|
|
1639
|
-
|
|
1640
|
-
|
|
1641
|
-
* Each color option contains:
|
|
1642
|
-
* - value: the theme name (e.g., "blue-light")
|
|
1643
|
-
* - label: the base color name (e.g., "blue")
|
|
1644
|
-
* - color: the primary color hex value
|
|
1645
|
-
*/
|
|
1646
|
-
var colorOptions = Object.entries(themeColors)
|
|
1647
|
-
.filter(function (_a) {
|
|
1648
|
-
var themeData = _a[1];
|
|
1649
|
-
var themeMode = themeData.extend;
|
|
1650
|
-
return mode === "light" ? themeMode === "light" : themeMode === "dark";
|
|
1651
|
-
})
|
|
1652
|
-
.map(function (_a) {
|
|
1653
|
-
var themeName = _a[0], theme = _a[1];
|
|
1654
|
-
return ({
|
|
1655
|
-
value: themeName,
|
|
1656
|
-
label: themeName.split("-")[0],
|
|
1657
|
-
color: theme.colors.primary.DEFAULT,
|
|
1658
|
-
});
|
|
1659
|
-
});
|
|
1678
|
+
var resolvedMode = mode === "dark" ? "dark" : "light";
|
|
1679
|
+
var baseIds = getRegisteredThemeColorBases();
|
|
1660
1680
|
return (jsx(RadioGroup, { value: selectedColor, onValueChange: onColorChange, orientation: "horizontal", className: "flex flex-wrap !gap-2", classNames: {
|
|
1661
1681
|
base: "flex flex-wrap !gap-2",
|
|
1662
1682
|
wrapper: "flex flex-wrap !gap-2",
|
|
1663
|
-
}, children:
|
|
1664
|
-
|
|
1665
|
-
|
|
1666
|
-
|
|
1667
|
-
|
|
1668
|
-
|
|
1669
|
-
|
|
1683
|
+
}, children: baseIds.map(function (baseId) {
|
|
1684
|
+
var themeName = "".concat(baseId, "-").concat(resolvedMode);
|
|
1685
|
+
var entry = themeColors[themeName];
|
|
1686
|
+
if (!entry) {
|
|
1687
|
+
return null;
|
|
1688
|
+
}
|
|
1689
|
+
var isSelected = selectedColor === baseId;
|
|
1690
|
+
return (jsx(Radio, { value: baseId, "aria-label": formatThemeDisplayName(themeName), classNames: radioClassNames, children: jsx(Tooltip$1, { content: formatThemeDisplayName(themeName), delay: 0, closeDelay: 120, placement: "top", children: jsx("span", { className: [
|
|
1691
|
+
swatchClass,
|
|
1692
|
+
"inline-block size-8",
|
|
1693
|
+
isSelected
|
|
1694
|
+
? "border-foreground/40 ring-2 ring-foreground/25 ring-offset-2 ring-offset-background"
|
|
1695
|
+
: "border-default-200 hover:border-default-400",
|
|
1696
|
+
].join(" "), style: { backgroundColor: entry.colors.primary.DEFAULT } }) }) }, baseId));
|
|
1697
|
+
}) }));
|
|
1670
1698
|
};
|
|
1671
1699
|
|
|
1672
1700
|
/**
|
|
@@ -6670,6 +6698,79 @@ var Card = function (_a) {
|
|
|
6670
6698
|
return (jsx(Card$1, __assign({ shadow: shadow, radius: radius, className: combinedClassName }, props, { children: children })));
|
|
6671
6699
|
};
|
|
6672
6700
|
|
|
6701
|
+
/**
|
|
6702
|
+
* Registro público de temas Aurora para consumidores (@beweco/aurora-ui).
|
|
6703
|
+
* Derivado de {@link themeColors}: al añadir un par `*-light` / `*-dark` en
|
|
6704
|
+
* `colors.default.ts`, este registro se actualiza sin duplicar listas.
|
|
6705
|
+
*/
|
|
6706
|
+
function readPrimaryDefault(colors) {
|
|
6707
|
+
var primary = colors.primary;
|
|
6708
|
+
if (primary &&
|
|
6709
|
+
typeof primary === "object" &&
|
|
6710
|
+
"DEFAULT" in primary &&
|
|
6711
|
+
typeof primary.DEFAULT === "string") {
|
|
6712
|
+
return primary.DEFAULT;
|
|
6713
|
+
}
|
|
6714
|
+
return "#000000";
|
|
6715
|
+
}
|
|
6716
|
+
function parseEntry(id, config) {
|
|
6717
|
+
var mode = config.extend === "dark" ? "dark" : "light";
|
|
6718
|
+
var colorFamily = id.replace(/-(light|dark)$/, "");
|
|
6719
|
+
return {
|
|
6720
|
+
id: id,
|
|
6721
|
+
colorFamily: colorFamily,
|
|
6722
|
+
mode: mode,
|
|
6723
|
+
labelKey: "aurora.theme.".concat(id),
|
|
6724
|
+
previewPrimary: readPrimaryDefault(config.colors),
|
|
6725
|
+
};
|
|
6726
|
+
}
|
|
6727
|
+
/** Entradas en el mismo orden que las claves de `themeColors`. */
|
|
6728
|
+
var AURORA_THEME_REGISTRY = Object.entries(themeColors).map(function (_a) {
|
|
6729
|
+
var id = _a[0], config = _a[1];
|
|
6730
|
+
return parseEntry(id, config);
|
|
6731
|
+
});
|
|
6732
|
+
function buildFamilies(entries) {
|
|
6733
|
+
var _a;
|
|
6734
|
+
var map = new Map();
|
|
6735
|
+
for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
|
|
6736
|
+
var entry = entries_1[_i];
|
|
6737
|
+
var slot = (_a = map.get(entry.colorFamily)) !== null && _a !== void 0 ? _a : {};
|
|
6738
|
+
if (entry.mode === "light") {
|
|
6739
|
+
slot.light = entry;
|
|
6740
|
+
}
|
|
6741
|
+
else {
|
|
6742
|
+
slot.dark = entry;
|
|
6743
|
+
}
|
|
6744
|
+
map.set(entry.colorFamily, slot);
|
|
6745
|
+
}
|
|
6746
|
+
return Array.from(map.entries())
|
|
6747
|
+
.map(function (_a) {
|
|
6748
|
+
var colorFamily = _a[0], _b = _a[1], light = _b.light, dark = _b.dark;
|
|
6749
|
+
return ({
|
|
6750
|
+
colorFamily: colorFamily,
|
|
6751
|
+
light: light,
|
|
6752
|
+
dark: dark,
|
|
6753
|
+
});
|
|
6754
|
+
})
|
|
6755
|
+
.sort(function (a, b) { return a.colorFamily.localeCompare(b.colorFamily); });
|
|
6756
|
+
}
|
|
6757
|
+
/** Familias de color (light + dark) para selectores tipo “Color de la plataforma”. */
|
|
6758
|
+
var AURORA_THEME_FAMILIES = buildFamilies(AURORA_THEME_REGISTRY);
|
|
6759
|
+
function isAuroraFullThemeId(value) {
|
|
6760
|
+
return value in themeColors;
|
|
6761
|
+
}
|
|
6762
|
+
/** Texto legible por defecto para tooltips (p. ej. `Ocean Mint · Light`). */
|
|
6763
|
+
function formatAuroraThemeTooltip(entry) {
|
|
6764
|
+
var family = entry.colorFamily
|
|
6765
|
+
.replace(/([A-Z])/g, " $1")
|
|
6766
|
+
.trim()
|
|
6767
|
+
.split(/\s+/)
|
|
6768
|
+
.map(function (w) { return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase(); })
|
|
6769
|
+
.join(" ");
|
|
6770
|
+
var mode = entry.mode === "light" ? "Light" : "Dark";
|
|
6771
|
+
return "".concat(family, " \u00B7 ").concat(mode);
|
|
6772
|
+
}
|
|
6773
|
+
|
|
6673
6774
|
var THEME_COLOR_HEX_MAP = {
|
|
6674
6775
|
blue: "#006fee",
|
|
6675
6776
|
purple: "#7828c8",
|
|
@@ -6861,16 +6962,6 @@ function removeCustomPrimaryColor() {
|
|
|
6861
6962
|
}
|
|
6862
6963
|
}
|
|
6863
6964
|
|
|
6864
|
-
/**
|
|
6865
|
-
* @file This file contains the theme configurations for the application.
|
|
6866
|
-
*/
|
|
6867
|
-
var ALL_THEMES = __spreadArray(["light", "dark"], Object.keys(themeColors), true);
|
|
6868
|
-
/**
|
|
6869
|
-
* Base color ids registered in {@link themeColors} (e.g. `oceanMint` from `oceanMint-light`).
|
|
6870
|
-
* Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
|
|
6871
|
-
*/
|
|
6872
|
-
Array.from(new Set(Object.keys(themeColors).map(function (key) { return key.replace(/-(light|dark)$/, ""); }))).sort();
|
|
6873
|
-
|
|
6874
6965
|
/**
|
|
6875
6966
|
* Custom hook to manage the theme state and side effects.
|
|
6876
6967
|
* Supports both named ThemeColor values and arbitrary hex colors.
|
|
@@ -7037,4 +7128,4 @@ var NavigationLoadingProvider = function (_a) {
|
|
|
7037
7128
|
return (jsxs(NavigationLoadingContext.Provider, { value: value, children: [children, jsx(NavigationLoadingOverlay, { isVisible: isVisible })] }));
|
|
7038
7129
|
};
|
|
7039
7130
|
|
|
7040
|
-
export { AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, 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, 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, defaultTranslations$4 as defaultTranslations, generateThemeColorScale, getContrastForeground, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };
|
|
7131
|
+
export { ALL_THEMES, AURORA_THEME_FAMILIES, AURORA_THEME_REGISTRY, AccordionList, AddHolidayForm, AnalyticsCard, AreaLineChart, AuraAutocomplete, AuraTable, AuraToastProvider, BreadcrumbsComponent, Button, Card, Chip, ColorPicker, ColorSelector, ContentCarousel, DEFAULT_PREDEFINED_COLORS, DatePicker, DateRangePicker, DateSelector, DrawerFilters, 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, defaultTranslations$4 as defaultTranslations, formatAuroraThemeTooltip, generateThemeColorScale, getContrastForeground, getRegisteredThemeColorBases, getSelectedKeyFromPath, hexToThemeColor, hslToCssValue, isAuroraFullThemeId, isExactThemeColor, isGroupState, isHexColor, isSegmentationGroup, removeCustomPrimaryColor, sizeMap, themeColors, useAuraToast, useMediaQuery, useNavigationLoading, useThemeContext };
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import type React from "react";
|
|
2
2
|
import type { PlatformColorManagerProps } from "./ColorSelector.types";
|
|
3
|
+
/**
|
|
4
|
+
* One swatch per registered hue, using the palette for the **current** app light/dark mode.
|
|
5
|
+
* To preview dark variants the user must switch the app to dark mode (and vice versa).
|
|
6
|
+
*/
|
|
3
7
|
declare const ColorSelector: React.FC<PlatformColorManagerProps>;
|
|
4
8
|
export default ColorSelector;
|
|
5
9
|
//# sourceMappingURL=ColorSelector.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/color-selector/ColorSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/color-selector/ColorSelector.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;AAyBvE;;;GAGG;AACH,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAwDtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
package/dist/types/index.d.ts
CHANGED
|
@@ -71,6 +71,7 @@ export { InputPassword, type InputPasswordProps, type PasswordCriterionItem, typ
|
|
|
71
71
|
export { SegmentationBuilder, type SegmentationBuilderProps, type SegmentationBuilderRef, type SegmentationBuilderTranslations, type SegmentationField, type SegmentationGroup, type SegmentationRule, type SegmentationFilter, type SegmentationTag, type SegmentationOperator, } from "./components/segmentation-builder";
|
|
72
72
|
export * from "./types/calendar.types";
|
|
73
73
|
export { themeColors } from "./styles/colors.default";
|
|
74
|
+
export * from "./themes";
|
|
74
75
|
export * from "./providers/theme";
|
|
75
76
|
export * from "./providers/toast";
|
|
76
77
|
export * from "./providers/navigation-loading";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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"}
|
|
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"}
|
|
@@ -9,7 +9,11 @@
|
|
|
9
9
|
import type { ThemeColor } from "../../contexts/theme/theme-context.type";
|
|
10
10
|
export declare const ALL_THEMES: string[];
|
|
11
11
|
/**
|
|
12
|
-
*
|
|
12
|
+
* Unique hue ids derived from {@link themeColors} keys (e.g. `oceanMint` from `oceanMint-light`).
|
|
13
|
+
*/
|
|
14
|
+
export declare function getRegisteredThemeColorBases(): string[];
|
|
15
|
+
/**
|
|
16
|
+
* Same as {@link getRegisteredThemeColorBases} typed as {@link ThemeColor} for callers that expect the union.
|
|
13
17
|
* Keeps Storybook / pickers in sync when new `*-light` / `*-dark` pairs are added.
|
|
14
18
|
*/
|
|
15
19
|
export declare const REGISTERED_THEME_COLORS: ThemeColor[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.utils.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/theme.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAG1E,eAAO,MAAM,UAAU,UAAiD,CAAC;AAEzE;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"theme.utils.d.ts","sourceRoot":"","sources":["../../../../src/providers/theme/theme.utils.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH;;;;GAIG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,yCAAyC,CAAC;AAG1E,eAAO,MAAM,UAAU,UAAiD,CAAC;AAEzE;;GAEG;AACH,wBAAgB,4BAA4B,IAAI,MAAM,EAAE,CAMvD;AAED;;;GAGG;AACH,eAAO,MAAM,uBAAuB,EAAE,UAAU,EACD,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Registro público de temas Aurora para consumidores (@beweco/aurora-ui).
|
|
3
|
+
* Derivado de {@link themeColors}: al añadir un par `*-light` / `*-dark` en
|
|
4
|
+
* `colors.default.ts`, este registro se actualiza sin duplicar listas.
|
|
5
|
+
*/
|
|
6
|
+
import { themeColors } from "../styles/colors.default";
|
|
7
|
+
export type AuroraFullThemeId = keyof typeof themeColors;
|
|
8
|
+
export interface AuroraThemeRegistryEntry {
|
|
9
|
+
/** Nombre que usa HeroUI / clase en `document.documentElement` (p. ej. `oceanMint-light`). */
|
|
10
|
+
id: AuroraFullThemeId;
|
|
11
|
+
/** Prefijo sin sufijo `-light` / `-dark` (p. ej. `oceanMint`). */
|
|
12
|
+
colorFamily: string;
|
|
13
|
+
mode: "light" | "dark";
|
|
14
|
+
/** Convención sugerida para Tolgee: `aurora.theme.<id>`. */
|
|
15
|
+
labelKey: string;
|
|
16
|
+
/** Color primario DEFAULT del tema para previews / swatches. */
|
|
17
|
+
previewPrimary: string;
|
|
18
|
+
}
|
|
19
|
+
export interface AuroraThemeFamily {
|
|
20
|
+
colorFamily: string;
|
|
21
|
+
light: AuroraThemeRegistryEntry | undefined;
|
|
22
|
+
dark: AuroraThemeRegistryEntry | undefined;
|
|
23
|
+
}
|
|
24
|
+
/** Entradas en el mismo orden que las claves de `themeColors`. */
|
|
25
|
+
export declare const AURORA_THEME_REGISTRY: readonly AuroraThemeRegistryEntry[];
|
|
26
|
+
/** Familias de color (light + dark) para selectores tipo “Color de la plataforma”. */
|
|
27
|
+
export declare const AURORA_THEME_FAMILIES: readonly AuroraThemeFamily[];
|
|
28
|
+
export declare function isAuroraFullThemeId(value: string): value is AuroraFullThemeId;
|
|
29
|
+
/** Texto legible por defecto para tooltips (p. ej. `Ocean Mint · Light`). */
|
|
30
|
+
export declare function formatAuroraThemeTooltip(entry: AuroraThemeRegistryEntry): string;
|
|
31
|
+
//# sourceMappingURL=aurora-theme-registry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"aurora-theme-registry.d.ts","sourceRoot":"","sources":["../../../src/themes/aurora-theme-registry.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAIvD,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,WAAW,CAAC;AAEzD,MAAM,WAAW,wBAAwB;IACxC,8FAA8F;IAC9F,EAAE,EAAE,iBAAiB,CAAC;IACtB,kEAAkE;IAClE,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,OAAO,GAAG,MAAM,CAAC;IACvB,4DAA4D;IAC5D,QAAQ,EAAE,MAAM,CAAC;IACjB,gEAAgE;IAChE,cAAc,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAAiB;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,wBAAwB,GAAG,SAAS,CAAC;IAC5C,IAAI,EAAE,wBAAwB,GAAG,SAAS,CAAC;CAC3C;AA8BD,kEAAkE;AAClE,eAAO,MAAM,qBAAqB,EAAE,SAAS,wBAAwB,EACK,CAAC;AA2B3E,sFAAsF;AACtF,eAAO,MAAM,qBAAqB,EAAE,SAAS,iBAAiB,EACzB,CAAC;AAEtC,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,IAAI,iBAAiB,CAE7E;AAED,6EAA6E;AAC7E,wBAAgB,wBAAwB,CACvC,KAAK,EAAE,wBAAwB,GAC7B,MAAM,CASR"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/themes/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC"}
|