@yomologic/react-ui 0.5.11 → 0.6.0
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/base.css +36 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -2
- package/dist/index.mjs.map +1 -1
- package/dist/styles.css +36 -0
- package/dist/styles.css.map +1 -1
- package/package.json +1 -1
package/dist/base.css
CHANGED
|
@@ -69,6 +69,10 @@
|
|
|
69
69
|
--font-medium: 500;
|
|
70
70
|
--font-semibold: 600;
|
|
71
71
|
--font-bold: 700;
|
|
72
|
+
|
|
73
|
+
/* Font Families - Users can override these */
|
|
74
|
+
--font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
|
|
75
|
+
--font-family-input: var(--font-family-base);
|
|
72
76
|
|
|
73
77
|
/* Component: Button */
|
|
74
78
|
--button-padding-xs-x: 0.5rem;
|
|
@@ -304,6 +308,38 @@
|
|
|
304
308
|
--star-size: 1.5rem;
|
|
305
309
|
}
|
|
306
310
|
|
|
311
|
+
/* Apply font-family to form inputs */
|
|
312
|
+
input,
|
|
313
|
+
textarea,
|
|
314
|
+
select {
|
|
315
|
+
font-family: var(--font-family-input);
|
|
316
|
+
}
|
|
317
|
+
|
|
318
|
+
/* Custom scrollbar for textarea with primary color */
|
|
319
|
+
textarea::-webkit-scrollbar {
|
|
320
|
+
width: 8px;
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
textarea::-webkit-scrollbar-track {
|
|
324
|
+
background: var(--color-surface);
|
|
325
|
+
border-radius: 4px;
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
textarea::-webkit-scrollbar-thumb {
|
|
329
|
+
background: var(--color-primary);
|
|
330
|
+
border-radius: 4px;
|
|
331
|
+
}
|
|
332
|
+
|
|
333
|
+
textarea::-webkit-scrollbar-thumb:hover {
|
|
334
|
+
background: var(--color-primary-hover);
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
/* Firefox scrollbar */
|
|
338
|
+
textarea {
|
|
339
|
+
scrollbar-width: thin;
|
|
340
|
+
scrollbar-color: var(--color-primary) var(--color-surface);
|
|
341
|
+
}
|
|
342
|
+
|
|
307
343
|
/* Responsive Typography - Desktop Overrides */
|
|
308
344
|
@media (min-width: 1024px) {
|
|
309
345
|
:root {
|
package/dist/index.js
CHANGED
|
@@ -1063,7 +1063,7 @@ var Input = import_react5.default.forwardRef(
|
|
|
1063
1063
|
"aria-describedby": inputError ? `${fieldId}-error` : helperText ? `${fieldId}-helper` : void 0,
|
|
1064
1064
|
className: cn(
|
|
1065
1065
|
"w-full px-3 py-2 border rounded-md transition-colors",
|
|
1066
|
-
"text-(--color-
|
|
1066
|
+
"text-(--color-foreground) placeholder-gray-400",
|
|
1067
1067
|
"focus:outline-none",
|
|
1068
1068
|
"disabled:bg-(--color-muted) disabled:cursor-not-allowed disabled:text-(--color-muted-foreground)",
|
|
1069
1069
|
inputError ? "border-error focus:ring-2 focus:ring-error focus:border-error active:border-error" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
|
|
@@ -1307,7 +1307,7 @@ var Textarea = import_react6.default.forwardRef(
|
|
|
1307
1307
|
"aria-describedby": textareaError ? `${textareaId}-error` : helperText ? `${textareaId}-helper` : void 0,
|
|
1308
1308
|
className: cn(
|
|
1309
1309
|
"w-full px-3 py-2 border rounded-md transition-colors",
|
|
1310
|
-
"text-(--color-
|
|
1310
|
+
"text-(--color-foreground) placeholder-gray-400",
|
|
1311
1311
|
"focus:outline-none",
|
|
1312
1312
|
"disabled:bg-(--color-muted) disabled:cursor-not-allowed disabled:text-(--color-muted-foreground)",
|
|
1313
1313
|
textareaError ? "border-error focus:ring-2 focus:ring-error focus:border-error active:border-error" : "border-(--color-border) focus:ring-2 focus:ring-(--color-primary)/30 focus:border-(--color-primary) active:border-(--color-primary)",
|