@fluxdown/solid 0.0.0-stage → 0.2.0

package/dist/cjs/types/theme.d.cts

@@ -0,0 +1,138 @@
+export interface ThemeTokens {
+    /**
+     * Foreground, background, border, and interaction colors.
+     */
+    colors: {
+        fg: string;
+        fgMuted: string;
+        bg: string;
+        border: string;
+        accent: string;
+        accentHover: string;
+        surfaceMuted: string;
+        surfaceSubtle: string;
+        borderEmphasis: string;
+    };
+    /**
+     * Shared font families, sizes, line heights, and weights.
+     */
+    typography: {
+        fontSans: string;
+        fontMono: string;
+        fontSmoothing: string;
+        fontSize: {
+            xs: string;
+            sm: string;
+            md: string;
+        };
+        lineHeight: {
+            sm: number | string;
+            md: number | string;
+            lg: number | string;
+        };
+        fontWeight: {
+            normal: number | string;
+            medium: number | string;
+            bold: number | string;
+        };
+    };
+    /**
+     * Typography and spacing for each heading level.
+     */
+    heading: Record<'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6', HeadingThemeTokens>;
+    /**
+     * Vertical spacing around paragraphs.
+     */
+    paragraph: {
+        marginTop: string;
+        marginBottom: string;
+    };
+    /**
+     * Font size and line height for fenced code blocks.
+     */
+    code: {
+        fontSize: string;
+        lineHeight: number | string;
+    };
+    /**
+     * Presentation of inline code outside preformatted blocks.
+     */
+    inlineCode: {
+        paddingBlock: string;
+        paddingInline: string;
+        border: string;
+        borderRadius: string;
+        background: string;
+        fontFamily: string;
+        fontSize: string;
+        whiteSpace: string;
+    };
+    /**
+     * Dimensions, spacing, and borders of thematic breaks.
+     */
+    divider: {
+        height: string;
+        marginBlock: string;
+        marginInline: string;
+        border: string;
+        borderBlockEnd: string;
+        background: string;
+    };
+    /**
+     * Spacing, border, and typography of the footnotes section.
+     */
+    footnotes: {
+        marginTop: string;
+        paddingTop: string;
+        borderTop: string;
+        color: string;
+        fontSize: string;
+    };
+    /**
+     * Colors for syntax highlighting token categories.
+     */
+    syntax: {
+        comment: string;
+        keyword: string;
+        string: string;
+        number: string;
+        function: string;
+        variable: string;
+        punctuation: string;
+        inserted: string;
+        deleted: string;
+    };
+    /**
+     * Border radii shared by slot containers and controls.
+     */
+    radius: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    /**
+     * Spacing scale for margins, padding, and gaps.
+     */
+    spacing: {
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+    };
+}
+export interface HeadingThemeTokens {
+    fontSize: string;
+    fontWeight: number;
+    lineHeight: number | string;
+    marginTop: string;
+    marginBottom: string;
+}
+export interface ThemeConfig {
+    tokens: ThemeTokens;
+}
+export type PartialThemeConfig<T = ThemeConfig> = {
+    [K in keyof T]?: T[K] extends object ? PartialThemeConfig<T[K]> : T[K];
+};
+export type PresetKeys = 'light' | 'dark';
+export type Theme = PresetKeys | PartialThemeConfig | [PresetKeys, PartialThemeConfig];

package/dist/esm/assets/raw-Dob3BCyv.css

@@ -0,0 +1,56 @@
+._root_f61oc_1 {
+  display: flow-root;
+  min-width: 0;
+}
+._root_f61oc_1 > :first-child {
+  margin-top: 0;
+}
+._root_f61oc_1 > :last-child {
+  margin-bottom: 0;
+}
+._root_f61oc_1 {
+  color: var(--fluxdown-colors-fg);
+  background: var(--fluxdown-colors-bg);
+  font-family: var(--fluxdown-typography-font-sans);
+  font-size: var(--fluxdown-typography-font-size-md);
+  font-weight: var(--fluxdown-typography-font-weight-normal);
+  line-height: var(--fluxdown-typography-line-height-md);
+  overflow-wrap: anywhere;
+  -webkit-font-smoothing: var(--fluxdown-typography-font-smoothing);
+}
+._root_f61oc_1, ._root_f61oc_1 * {
+  box-sizing: border-box;
+}
+._root_f61oc_1 :not(pre) > code {
+  padding-block: var(--fluxdown-inline-code-padding-block);
+  padding-inline: var(--fluxdown-inline-code-padding-inline);
+  border: var(--fluxdown-inline-code-border);
+  border-radius: var(--fluxdown-inline-code-border-radius);
+  background: var(--fluxdown-inline-code-background);
+  font-family: var(--fluxdown-inline-code-font-family);
+  font-size: var(--fluxdown-inline-code-font-size);
+  white-space: var(--fluxdown-inline-code-white-space);
+}
+._root_f61oc_1 hr {
+  height: var(--fluxdown-divider-height);
+  margin-block: var(--fluxdown-divider-margin-block);
+  margin-inline: var(--fluxdown-divider-margin-inline);
+  border: var(--fluxdown-divider-border);
+  border-block-end: var(--fluxdown-divider-border-block-end);
+  background: var(--fluxdown-divider-background);
+}
+._root_f61oc_1 del {
+  color: var(--fluxdown-colors-fg-muted);
+  text-decoration-thickness: 1px;
+}
+._root_f61oc_1 sup {
+  font-size: 0.75em;
+  line-height: 0;
+}
+._root_f61oc_1 .footnotes {
+  margin-top: var(--fluxdown-footnotes-margin-top);
+  padding-top: var(--fluxdown-footnotes-padding-top);
+  border-top: var(--fluxdown-footnotes-border-top);
+  color: var(--fluxdown-footnotes-color);
+  font-size: var(--fluxdown-footnotes-font-size);
+}