@rebasepro/ui 0.9.0 → 0.9.1-canary.0fce67c
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/README.md +1 -1
- package/dist/index.css +10 -0
- package/dist/index.es.js +5 -5
- package/dist/index.es.js.map +1 -1
- package/dist/src/index.css +10 -0
- package/package.json +5 -6
- package/src/components/CircularProgress.tsx +7 -6
- package/src/index.css +10 -0
package/README.md
CHANGED
|
@@ -139,4 +139,4 @@ function MyForm() {
|
|
|
139
139
|
|
|
140
140
|
- `@rebasepro/studio` — Dev tools layer (depends on this package)
|
|
141
141
|
- `@rebasepro/admin` — CMS layer (depends on this package)
|
|
142
|
-
- `@rebasepro/
|
|
142
|
+
- `@rebasepro/app` — Core framework (uses this for shared UI)
|
package/dist/index.css
CHANGED
|
@@ -54,6 +54,16 @@
|
|
|
54
54
|
--color-surface-accent-950: #0f172a;
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
+
/* Native UI (scrollbars, form controls) must follow the active theme,
|
|
58
|
+
otherwise Chrome renders light scrollbars in dark mode */
|
|
59
|
+
html {
|
|
60
|
+
color-scheme: light;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
html.dark {
|
|
64
|
+
color-scheme: dark;
|
|
65
|
+
}
|
|
66
|
+
|
|
57
67
|
/* Chrome, Safari and Opera */
|
|
58
68
|
.no-scrollbar::-webkit-scrollbar {
|
|
59
69
|
display: none;
|
package/dist/index.es.js
CHANGED
|
@@ -698,12 +698,12 @@ function CircularProgress({ size = "medium", className }) {
|
|
|
698
698
|
else if (size === "medium") sizeClasses = "w-8 h-8 m-1";
|
|
699
699
|
else sizeClasses = "w-10 h-10 m-1";
|
|
700
700
|
let borderClasses = "";
|
|
701
|
-
if (size === "smallest") borderClasses = "border-
|
|
702
|
-
else if (size === "small") borderClasses = "border-
|
|
703
|
-
else if (size === "medium") borderClasses = "border-
|
|
704
|
-
else borderClasses = "border-
|
|
701
|
+
if (size === "smallest") borderClasses = "border-2";
|
|
702
|
+
else if (size === "small") borderClasses = "border-2";
|
|
703
|
+
else if (size === "medium") borderClasses = "border-[3px]";
|
|
704
|
+
else borderClasses = "border-4";
|
|
705
705
|
return /* @__PURE__ */ jsx("div", {
|
|
706
|
-
className: cls(sizeClasses, borderClasses, "inline-block
|
|
706
|
+
className: cls(sizeClasses, borderClasses, "inline-block shrink-0 rounded-full border-solid align-[-0.125em]", "animate-[spin_0.7s_linear_infinite] motion-reduce:animate-[spin_1.5s_linear_infinite]", "border-surface-200 dark:border-surface-700 border-t-primary dark:border-t-primary", className),
|
|
707
707
|
role: "status",
|
|
708
708
|
children: /* @__PURE__ */ jsx("span", {
|
|
709
709
|
className: "absolute! -m-px! h-px! w-px! overflow-hidden! whitespace-nowrap! border-0! p-0! [clip:rect(0,0,0,0)]!",
|