sunpeak 0.5.15 → 0.5.16
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/chatgpt/globals.css +16 -0
- package/dist/index.cjs +3 -3
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/style.css +17 -0
- package/package.json +1 -1
- package/template/dist/chatgpt/albums.js +1 -1
- package/template/dist/chatgpt/carousel.js +1 -1
- package/template/dist/chatgpt/counter.js +1 -1
- package/template/node_modules/.vite/deps/_metadata.json +17 -17
- package/template/node_modules/.vite/vitest/da39a3ee5e6b4b0d3255bfef95601890afd80709/results.json +1 -1
package/dist/chatgpt/globals.css
CHANGED
|
@@ -10,6 +10,22 @@
|
|
|
10
10
|
/* Configure dark mode to use data-theme attribute (OpenAI SDK standard) */
|
|
11
11
|
@custom-variant dark (&:where([data-theme="dark"], [data-theme="dark"] *));
|
|
12
12
|
|
|
13
|
+
/*
|
|
14
|
+
* Ensure critical OpenAI SDK color variables are available in consuming packages
|
|
15
|
+
* These override any conflicting definitions from consuming package's Tailwind config
|
|
16
|
+
*/
|
|
17
|
+
@layer base {
|
|
18
|
+
:root,
|
|
19
|
+
:where([data-theme="light"]) {
|
|
20
|
+
--color-text: var(--gray-1000);
|
|
21
|
+
--color-text-secondary: var(--gray-500);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
:where([data-theme="dark"]) {
|
|
25
|
+
--color-text-secondary: var(--gray-700);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
|
|
13
29
|
/* Custom utilities that use OpenAI SDK color variables */
|
|
14
30
|
@utility bg-sidebar {
|
|
15
31
|
background-color: var(--color-surface-secondary);
|
package/dist/index.cjs
CHANGED
|
@@ -7378,11 +7378,11 @@ const Segment = ({ children, ...restProps }) => {
|
|
|
7378
7378
|
SegmentedControl.Option = Segment;
|
|
7379
7379
|
function SimpleSidebar({ children, controls }) {
|
|
7380
7380
|
return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-screen w-full overflow-hidden", children: [
|
|
7381
|
-
/* @__PURE__ */ jsxRuntime.jsx("aside", { className: "max-md:hidden md:flex w-56 flex-col border-r border-subtle bg-sidebar
|
|
7382
|
-
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-sidebar z-10", children: "Controls" }),
|
|
7381
|
+
/* @__PURE__ */ jsxRuntime.jsx("aside", { className: "max-md:hidden md:flex w-56 flex-col border-r border-subtle bg-sidebar overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 overflow-y-auto min-h-0 p-3", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-3", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
|
|
7382
|
+
/* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-xs font-semibold sticky top-0 bg-sidebar z-10 pb-2", children: "Controls" }),
|
|
7383
7383
|
controls
|
|
7384
7384
|
] }) }) }) }),
|
|
7385
|
-
/* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto
|
|
7385
|
+
/* @__PURE__ */ jsxRuntime.jsx("main", { className: "flex-1 overflow-auto", children })
|
|
7386
7386
|
] });
|
|
7387
7387
|
}
|
|
7388
7388
|
function SidebarControl({ label, children }) {
|