126 lines
5.4 KiB
JavaScript
126 lines
5.4 KiB
JavaScript
import { jsxs as l, jsx as c } from "react/jsx-runtime";
|
|
import { h as e } from "./string_utils-B4bsIQ5w.mjs";
|
|
import { createContext as n, useContext as y } from "react";
|
|
import { useScheme as d } from "./react-you-ui7.mjs";
|
|
/* empty css */
|
|
const a = n(void 0);
|
|
function f({ children: r, theme: s, scheme: o }) {
|
|
return /* @__PURE__ */ l(a.Provider, { value: s, children: [
|
|
/* @__PURE__ */ c("style", { children: `
|
|
body {
|
|
|
|
--md-ref-typeface-brand: 'Roboto Flex';
|
|
--md-ref-typeface-plain: 'Roboto Flex';
|
|
|
|
--md-sys-color-primary: ${e(s.schemes[o].primary)};
|
|
--md-sys-color-primary-container: ${e(s.schemes[o].primaryContainer)};
|
|
--md-sys-color-secondary: ${e(s.schemes[o].secondary)};
|
|
--md-sys-color-secondary-container: ${e(s.schemes[o].secondaryContainer)};
|
|
--md-sys-color-tertiary: ${e(s.schemes[o].tertiary)};
|
|
--md-sys-color-tertiary-container: ${e(s.schemes[o].tertiaryContainer)};
|
|
--md-sys-color-error: ${e(s.schemes[o].error)};
|
|
--md-sys-color-error-container: ${e(s.schemes[o].errorContainer)};
|
|
--md-sys-color-background: ${e(s.schemes[o].background)};
|
|
--md-sys-color-surface: ${e(s.schemes[o].surface)};
|
|
--md-sys-color-surface-variant: ${e(s.schemes[o].surfaceVariant)};
|
|
--md-sys-color-surface-bright: ${e(s.schemes[o].surface)};
|
|
--md-sys-color-surface-dim: ${e(s.schemes[o].surface)};
|
|
--md-sys-color-surface-container: ${e(s.schemes[o].surface)};
|
|
--md-sys-color-surface-container-lowest: ${e(s.schemes[o].surface)};
|
|
--md-sys-color-surface-container-low: ${e(s.schemes[o].surfaceVariant)};
|
|
--md-sys-color-surface-container-high: ${e(s.schemes[o].surfaceVariant)};
|
|
--md-sys-color-surface-container-highest: ${e(s.schemes[o].surfaceVariant)};
|
|
--md-sys-color-outline: ${e(s.schemes[o].outline)};
|
|
--md-sys-color-outline-variant: ${e(s.schemes[o].outlineVariant)};
|
|
--md-sys-color-scrim: ${e(s.schemes[o].scrim)};
|
|
--md-sys-color-shadow: ${e(s.schemes[o].shadow)};
|
|
--md-sys-color-on-surface: ${e(s.schemes[o].onSurface)};
|
|
--md-sys-color-on-surface-variant: ${e(s.schemes[o].onSurfaceVariant)};
|
|
--md-sys-color-on-surface-bright: ${e(s.schemes[o].onSurface)};
|
|
--md-sys-color-on-surface-dim: ${e(s.schemes[o].onSurface)};
|
|
--md-sys-color-background: ${e(s.schemes[o].background)};
|
|
--md-sys-color-background-variant: ${e(s.schemes[o].surface)};
|
|
|
|
--md-sys-color-on-primary: ${e(s.schemes[o].onPrimary)};
|
|
--md-sys-color-on-primary-container: ${e(s.schemes[o].onPrimaryContainer)};
|
|
--md-sys-color-on-secondary: ${e(s.schemes[o].onSecondary)};
|
|
--md-sys-color-on-secondary-container: ${e(s.schemes[o].onSecondaryContainer)};
|
|
--md-sys-color-on-tertiary: ${e(s.schemes[o].onTertiary)};
|
|
--md-sys-color-on-tertiary-container: ${e(s.schemes[o].onTertiaryContainer)};
|
|
--md-sys-color-on-error: ${e(s.schemes[o].onError)};
|
|
--md-sys-color-on-error-container: ${e(s.schemes[o].onErrorContainer)};
|
|
--md-sys-color-on-background: ${e(s.schemes[o].onBackground)};
|
|
|
|
--md-sys-typescale-headline-small-font: 'Roboto Flex';
|
|
--md-sys-typescale-headline-medium-font: 'Roboto Flex';
|
|
--md-sys-typescale-headline-large-font: 'Roboto Flex';
|
|
|
|
--md-sys-typescale-headline-small-size: 24px;
|
|
--md-sys-typescale-headline-medium-size: 32px;
|
|
--md-sys-typescale-headline-large-size: 40px;
|
|
|
|
--md-sys-typescale-headline-small-weight: 400;
|
|
--md-sys-typescale-headline-medium-weight: 400;
|
|
--md-sys-typescale-headline-large-weight: 400;
|
|
|
|
--md-sys-typescale-headline-small-line-height: 32px;
|
|
--md-sys-typescale-headline-medium-line-height: 40px;
|
|
--md-sys-typescale-headline-large-line-height: 48px;
|
|
|
|
--md-sys-typescale-body-small-font: 'Roboto Flex';
|
|
--md-sys-typescale-body-medium-font: 'Roboto Flex';
|
|
--md-sys-typescale-body-large-font: 'Roboto Flex';
|
|
|
|
--md-sys-typescale-body-small-size: 12px;
|
|
--md-sys-typescale-body-medium-size: 14px;
|
|
--md-sys-typescale-body-large-size: 16px;
|
|
|
|
--md-sys-typescale-body-small-weight: 400;
|
|
--md-sys-typescale-body-medium-weight: 400;
|
|
--md-sys-typescale-body-large-weight: 400;
|
|
|
|
--md-sys-typescale-body-small-line-height: 16px;
|
|
--md-sys-typescale-body-medium-line-height: 20px;
|
|
--md-sys-typescale-body-large-line-height: 24px;
|
|
|
|
|
|
|
|
--md-sys-typescale-label-small-font: 'Roboto Flex';
|
|
--md-sys-typescale-label-medium-font: 'Roboto Flex';
|
|
--md-sys-typescale-label-large-font: 'Roboto Flex';
|
|
|
|
--md-sys-typescale-label-small-size: 12px;
|
|
--md-sys-typescale-label-medium-size: 14px;
|
|
--md-sys-typescale-label-large-size: 16px;
|
|
|
|
--md-sys-typescale-label-small-weight: 400;
|
|
--md-sys-typescale-label-medium-weight: 400;
|
|
--md-sys-typescale-label-large-weight: 400;
|
|
|
|
--md-sys-typescale-label-small-line-height: 16px;
|
|
--md-sys-typescale-label-medium-line-height: 20px;
|
|
--md-sys-typescale-label-large-line-height: 24px;
|
|
|
|
background-color: var(--md-sys-color-background);
|
|
color: var(--md-sys-color-on-background);
|
|
}
|
|
` }),
|
|
r
|
|
] });
|
|
}
|
|
function i() {
|
|
const r = y(a);
|
|
if (r === void 0)
|
|
throw new Error("useTheme must be used within a ThemeProvider");
|
|
return r;
|
|
}
|
|
function g() {
|
|
const r = i(), s = d();
|
|
return r.schemes[s];
|
|
}
|
|
export {
|
|
f as ThemeProvider,
|
|
g as usePalette,
|
|
i as useTheme
|
|
};
|