@orangecheck/design 0.7.6 → 0.8.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/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.js +15 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +15 -3
- package/dist/index.mjs.map +1 -1
- package/dist/primitives.d.mts +3 -3
- package/dist/primitives.d.ts +3 -3
- package/dist/styles/aurora.css +224 -0
- package/dist/styles.css +1 -0
- package/dist/tokens.d.mts +11 -2
- package/dist/tokens.d.ts +11 -2
- package/dist/tokens.js +15 -2
- package/dist/tokens.js.map +1 -1
- package/dist/tokens.mjs +15 -3
- package/dist/tokens.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -67,6 +67,11 @@ function resolveTheme(id) {
|
|
|
67
67
|
return isKnownTheme(id) ? id : DEFAULT_OC_THEME;
|
|
68
68
|
}
|
|
69
69
|
var OC_SKIN_COOKIE = "oc_skin";
|
|
70
|
+
var BLOBS = [1, 2, 3, 4, 5];
|
|
71
|
+
function OcAurora({ intensity, className }) {
|
|
72
|
+
const style = intensity == null ? void 0 : { "--oc-aurora-intensity": String(intensity) };
|
|
73
|
+
return /* @__PURE__ */ jsx("div", { className: cn("oc-aurora", className), style, "aria-hidden": "true", children: BLOBS.map((n) => /* @__PURE__ */ jsx("div", { className: `oc-aurora__blob oc-aurora__blob-${n}` }, n)) });
|
|
74
|
+
}
|
|
70
75
|
var ONE_YEAR = 60 * 60 * 24 * 365;
|
|
71
76
|
var ATTR = "data-oc-theme";
|
|
72
77
|
function readSkinCookie() {
|
|
@@ -110,7 +115,11 @@ function applySkinChrome(skin) {
|
|
|
110
115
|
if (meta) meta.setAttribute("content", accentFor(skin));
|
|
111
116
|
}
|
|
112
117
|
var OcSkinContext = createContext(null);
|
|
113
|
-
function OcThemeProvider({
|
|
118
|
+
function OcThemeProvider({
|
|
119
|
+
children,
|
|
120
|
+
defaultSkin = DEFAULT_OC_THEME,
|
|
121
|
+
aurora = true
|
|
122
|
+
}) {
|
|
114
123
|
const [skin, setSkinState] = useState(() => resolveTheme(defaultSkin));
|
|
115
124
|
const hydratedRef = useRef(false);
|
|
116
125
|
useEffect(() => {
|
|
@@ -148,7 +157,10 @@ function OcThemeProvider({ children, defaultSkin = DEFAULT_OC_THEME }) {
|
|
|
148
157
|
() => ({ skin, setSkin, themes: OC_THEMES }),
|
|
149
158
|
[skin, setSkin]
|
|
150
159
|
);
|
|
151
|
-
return /* @__PURE__ */
|
|
160
|
+
return /* @__PURE__ */ jsxs(OcSkinContext.Provider, { value, children: [
|
|
161
|
+
aurora !== false && /* @__PURE__ */ jsx(OcAurora, { intensity: typeof aurora === "object" ? aurora.intensity : void 0 }),
|
|
162
|
+
children
|
|
163
|
+
] });
|
|
152
164
|
}
|
|
153
165
|
function useOcSkin() {
|
|
154
166
|
const ctx = useContext(OcSkinContext);
|
|
@@ -3930,6 +3942,6 @@ function LayoutSubHeader({
|
|
|
3930
3942
|
] }) });
|
|
3931
3943
|
}
|
|
3932
3944
|
|
|
3933
|
-
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, Badge, Bar, BitcoinAddress, Button, Callout, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, HelpHint, Input, Label, LayoutSubHeader, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppearanceMenu, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, asOf, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, makeStatusPill, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin, useSpotPrice };
|
|
3945
|
+
export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, AlertWithAction, AlertWithCountdown, AppShell, Badge, Bar, BitcoinAddress, Button, Callout, Card, Checkbox, ConfirmHost, CopyButton, DEFAULT_OC_THEME, DataRow, DefinitionList, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, EcosystemSwitcher, EmptyState, ErrorBoundary, FAMILY_PROPERTIES, HelpHint, Input, Label, LayoutSubHeader, Modal, OC_DEFAULT_ACCENT, OC_SKIN_COOKIE, OC_THEMES, OcAccountMenu, OcAccountMenuView, OcAppearanceMenu, OcAurora, OcDashboardHub, OcDashboardShell, OcLogoDropdown, OcPrimaryNav, OcThemeBridge, OcThemePicker, OcThemeProvider, Pagination, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PromptHost, QrCode, REFERENCE_BTC_USD, RadioGroup, RadioGroupItem, SITE_STATE_LABEL, SatsAmount, SectionHeader, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Sparkline, StatBlock, StatCard, StatGrid, StatTile, StatusPill, Switch, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThemeToggle, ThemeToggleLink, Toaster, Working, WorkingPanel, accentFor, asOf, badgeVariants, buttonVariants, cn, confirm, explorerUrl, findFamilyProperty, formatSats, formatSatsCompact, getOcThemeInitScript, isKnownTheme, makeStatusPill, priceBoth, prompt, relativeTime, resolveTheme, satsToUsd, shortenAddress, usdToSats, useOcSkin, useSpotPrice };
|
|
3934
3946
|
//# sourceMappingURL=index.mjs.map
|
|
3935
3947
|
//# sourceMappingURL=index.mjs.map
|