@rehagro/ui 1.0.32 → 1.0.33
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/index.d.mts +9 -0
- package/dist/index.d.ts +9 -0
- package/dist/index.js +15 -7
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -7
- package/dist/index.mjs.map +1 -1
- package/dist/native.js.map +1 -1
- package/dist/native.mjs.map +1 -1
- package/dist/styles.css +3 -3
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -91,6 +91,15 @@ type RehagroTheme = {
|
|
|
91
91
|
successHover?: string;
|
|
92
92
|
info?: string;
|
|
93
93
|
infoHover?: string;
|
|
94
|
+
/** Subtle background for outline/ghost hover.
|
|
95
|
+
* Accepts any CSS color value (hex, rgb, named).
|
|
96
|
+
* When omitted, derived automatically via color-mix from the base color. */
|
|
97
|
+
primarySubtle?: string;
|
|
98
|
+
secondarySubtle?: string;
|
|
99
|
+
dangerSubtle?: string;
|
|
100
|
+
warningSubtle?: string;
|
|
101
|
+
successSubtle?: string;
|
|
102
|
+
infoSubtle?: string;
|
|
94
103
|
/** Semantic colors */
|
|
95
104
|
text?: string;
|
|
96
105
|
textMuted?: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -91,6 +91,15 @@ type RehagroTheme = {
|
|
|
91
91
|
successHover?: string;
|
|
92
92
|
info?: string;
|
|
93
93
|
infoHover?: string;
|
|
94
|
+
/** Subtle background for outline/ghost hover.
|
|
95
|
+
* Accepts any CSS color value (hex, rgb, named).
|
|
96
|
+
* When omitted, derived automatically via color-mix from the base color. */
|
|
97
|
+
primarySubtle?: string;
|
|
98
|
+
secondarySubtle?: string;
|
|
99
|
+
dangerSubtle?: string;
|
|
100
|
+
warningSubtle?: string;
|
|
101
|
+
successSubtle?: string;
|
|
102
|
+
infoSubtle?: string;
|
|
94
103
|
/** Semantic colors */
|
|
95
104
|
text?: string;
|
|
96
105
|
textMuted?: string;
|
package/dist/index.js
CHANGED
|
@@ -24,6 +24,12 @@ var TOKEN_MAP = {
|
|
|
24
24
|
successHover: { var: "--rh-success-hover", isColor: true },
|
|
25
25
|
info: { var: "--rh-info", isColor: true },
|
|
26
26
|
infoHover: { var: "--rh-info-hover", isColor: true },
|
|
27
|
+
primarySubtle: { var: "--rh-primary-subtle", isColor: true, raw: true },
|
|
28
|
+
secondarySubtle: { var: "--rh-secondary-subtle", isColor: true, raw: true },
|
|
29
|
+
dangerSubtle: { var: "--rh-danger-subtle", isColor: true, raw: true },
|
|
30
|
+
warningSubtle: { var: "--rh-warning-subtle", isColor: true, raw: true },
|
|
31
|
+
successSubtle: { var: "--rh-success-subtle", isColor: true, raw: true },
|
|
32
|
+
infoSubtle: { var: "--rh-info-subtle", isColor: true, raw: true },
|
|
27
33
|
text: { var: "--rh-text", isColor: true },
|
|
28
34
|
textMuted: { var: "--rh-text-muted", isColor: true },
|
|
29
35
|
surface: { var: "--rh-surface", isColor: true },
|
|
@@ -699,7 +705,9 @@ function RehagroProvider({ theme, toastPosition, children }) {
|
|
|
699
705
|
for (const [key, config] of Object.entries(TOKEN_MAP)) {
|
|
700
706
|
const value = theme[key];
|
|
701
707
|
if (!value) continue;
|
|
702
|
-
if (config.
|
|
708
|
+
if (config.raw) {
|
|
709
|
+
vars[config.var] = value;
|
|
710
|
+
} else if (config.isColor) {
|
|
703
711
|
const triplet = toRgbTriplet(value);
|
|
704
712
|
if (triplet) vars[config.var] = triplet;
|
|
705
713
|
} else {
|
|
@@ -749,12 +757,12 @@ var variantColorClasses = {
|
|
|
749
757
|
info: "rh-bg-info rh-text-surface rh-border-info hover:rh-bg-info-hover hover:rh-border-info-hover"
|
|
750
758
|
},
|
|
751
759
|
outline: {
|
|
752
|
-
primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary
|
|
753
|
-
secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary
|
|
754
|
-
danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger
|
|
755
|
-
warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning
|
|
756
|
-
success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success
|
|
757
|
-
info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info
|
|
760
|
+
primary: "rh-bg-transparent rh-text-primary rh-border-primary hover:rh-bg-primary-subtle",
|
|
761
|
+
secondary: "rh-bg-transparent rh-text-secondary rh-border-secondary hover:rh-bg-secondary-subtle",
|
|
762
|
+
danger: "rh-bg-transparent rh-text-danger rh-border-danger hover:rh-bg-danger-subtle",
|
|
763
|
+
warning: "rh-bg-transparent rh-text-warning rh-border-warning hover:rh-bg-warning-subtle",
|
|
764
|
+
success: "rh-bg-transparent rh-text-success rh-border-success hover:rh-bg-success-subtle",
|
|
765
|
+
info: "rh-bg-transparent rh-text-info rh-border-info hover:rh-bg-info-subtle"
|
|
758
766
|
},
|
|
759
767
|
ghost: {
|
|
760
768
|
primary: "rh-bg-transparent rh-text-primary rh-border-transparent hover:rh-bg-primary/10",
|