ReactMaterial3/dist/react-you-ui3.js

99 lines
5.6 KiB
JavaScript

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("./string_utils-Bad7L8P5.js"),l=require("react"),y=require("./react-you-ui4.js");;/* empty css */const n=l.createContext(void 0);function d({children:o,theme:s,scheme:e}){return a.jsxs(n.Provider,{value:s,children:[a.jsx("style",{children:`
body {
--md-ref-typeface-brand: 'Roboto Flex';
--md-ref-typeface-plain: 'Roboto Flex';
--md-sys-color-primary: ${r.hexFromArgb(s.schemes[e].primary)};
--md-sys-color-primary-container: ${r.hexFromArgb(s.schemes[e].primaryContainer)};
--md-sys-color-secondary: ${r.hexFromArgb(s.schemes[e].secondary)};
--md-sys-color-secondary-container: ${r.hexFromArgb(s.schemes[e].secondaryContainer)};
--md-sys-color-tertiary: ${r.hexFromArgb(s.schemes[e].tertiary)};
--md-sys-color-tertiary-container: ${r.hexFromArgb(s.schemes[e].tertiaryContainer)};
--md-sys-color-error: ${r.hexFromArgb(s.schemes[e].error)};
--md-sys-color-error-container: ${r.hexFromArgb(s.schemes[e].errorContainer)};
--md-sys-color-background: ${r.hexFromArgb(s.schemes[e].background)};
--md-sys-color-surface: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-surface-bright: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-surface-dim: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-surface-container: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-surface-container-lowest: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-surface-container-low: ${r.hexFromArgb(s.schemes[e].surfaceVariant)};
--md-sys-color-surface-container-high: ${r.hexFromArgb(s.schemes[e].surfaceVariant)};
--md-sys-color-surface-container-highest: ${r.hexFromArgb(s.schemes[e].surfaceVariant)};
--md-sys-color-outline: ${r.hexFromArgb(s.schemes[e].outline)};
--md-sys-color-outline-variant: ${r.hexFromArgb(s.schemes[e].outlineVariant)};
--md-sys-color-scrim: ${r.hexFromArgb(s.schemes[e].scrim)};
--md-sys-color-shadow: ${r.hexFromArgb(s.schemes[e].shadow)};
--md-sys-color-on-surface: ${r.hexFromArgb(s.schemes[e].onSurface)};
--md-sys-color-on-surface-variant: ${r.hexFromArgb(s.schemes[e].onSurfaceVariant)};
--md-sys-color-on-surface-bright: ${r.hexFromArgb(s.schemes[e].onSurface)};
--md-sys-color-on-surface-dim: ${r.hexFromArgb(s.schemes[e].onSurface)};
--md-sys-color-background: ${r.hexFromArgb(s.schemes[e].background)};
--md-sys-color-background-variant: ${r.hexFromArgb(s.schemes[e].surface)};
--md-sys-color-on-primary: ${r.hexFromArgb(s.schemes[e].onPrimary)};
--md-sys-color-on-primary-container: ${r.hexFromArgb(s.schemes[e].onPrimaryContainer)};
--md-sys-color-on-secondary: ${r.hexFromArgb(s.schemes[e].onSecondary)};
--md-sys-color-on-secondary-container: ${r.hexFromArgb(s.schemes[e].onSecondaryContainer)};
--md-sys-color-on-tertiary: ${r.hexFromArgb(s.schemes[e].onTertiary)};
--md-sys-color-on-tertiary-container: ${r.hexFromArgb(s.schemes[e].onTertiaryContainer)};
--md-sys-color-on-error: ${r.hexFromArgb(s.schemes[e].onError)};
--md-sys-color-on-error-container: ${r.hexFromArgb(s.schemes[e].onErrorContainer)};
--md-sys-color-on-background: ${r.hexFromArgb(s.schemes[e].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);
}
`}),o]})}function c(){const o=l.useContext(n);if(o===void 0)throw new Error("useTheme must be used within a ThemeProvider");return o}function i(){const o=c(),s=y.useScheme();return o.schemes[s]}exports.ThemeProvider=d;exports.usePalette=i;exports.useTheme=c;