@jakubmazanec/ui 0.1.0-next.86bf251

package/build/theme/internals/themeContext.d.ts

@@ -0,0 +1,354 @@
+/// <reference types="react" resolution-mode="require"/>
+export declare const themeContext: import("react").Context<import("@jakubmazanec/ts-utils").Simplify<{
+    Button: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly variant: ["solid", "outline", "text", "invisible"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly variant: ["solid", "outline", "text", "invisible"];
+            readonly size: ["small", "medium", "large"];
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    Card: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    CheckboxField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Checkbox: {
+        classNames?: {
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]> | undefined;
+    };
+} & {
+    ComboboxOption: {
+        classNames?: {
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]> | undefined;
+    };
+} & {
+    Combobox: {
+        classNames?: {
+            input: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+            options: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+            readonly invalid: [true, false];
+        }, ["root", "input", "icon", "options"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+            readonly invalid: [true, false];
+        }, ["root", "input", "icon", "options"]> | undefined;
+    };
+} & {
+    Container: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly spacing: ["extra-small", "small", "medium", "large"];
+            readonly direction: ["row", "column"];
+            readonly justify: ["normal", "center", "spaced"];
+            readonly align: ["normal", "center"];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly spacing: ["extra-small", "small", "medium", "large"];
+            readonly direction: ["row", "column"];
+            readonly justify: ["normal", "center", "spaced"];
+            readonly align: ["normal", "center"];
+        }, undefined> | undefined;
+    };
+} & {
+    Description: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    DialogPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Dialog: {
+        classNames: {
+            root: import("./ClassName.js").ClassName;
+            backdrop: import("./ClassName.js").ClassName;
+        };
+    };
+} & {
+    DialogTitle: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Error: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Fieldset: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    Field: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Form: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Icon: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly size: ["small", "medium", "large"];
+            readonly variant: ["default", "light"];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly size: ["small", "medium", "large"];
+            readonly variant: ["default", "light"];
+        }, undefined> | undefined;
+    };
+} & {
+    Input: {
+        classNames?: {
+            input: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+            clearButton: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "input", "icon", "clearButton"]> | undefined;
+    };
+} & {
+    Label: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Legend: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    ListboxOption: {
+        classNames?: {
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]> | undefined;
+    };
+} & {
+    Listbox: {
+        classNames?: {
+            filter: import("./ClassName.js").ClassName;
+            label: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+            options: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+            readonly invalid: [true, false];
+        }, ["root", "label", "icon", "options", "filter"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+            readonly invalid: [true, false];
+        }, ["root", "label", "icon", "options", "filter"]> | undefined;
+    };
+} & {
+    MenuButton: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    MenuHeading: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItems: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuItem: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    MenuSection: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    MenuSeparator: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Menu: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverBackdrop: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverButton: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    PopoverGroup: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    PopoverPanel: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Popover: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioField: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    RadioGroup: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, undefined> | undefined;
+    };
+} & {
+    Radio: {
+        classNames?: {
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "icon"]> | undefined;
+    };
+} & {
+    Spinner: {
+        classNames?: {
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly size: ["small", "medium", "large", "surface"];
+        }, ["root", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly size: ["small", "medium", "large", "surface"];
+        }, ["root", "icon"]> | undefined;
+    };
+} & {
+    TableBody: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableCaption: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableCell: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableFoot: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHeader: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableHead: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    TableRow: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Table: {
+        className: import("./ClassName.js").ClassName;
+    };
+} & {
+    Textarea: {
+        classNames?: {
+            textarea: import("./ClassName.js").ClassName;
+            icon: import("./ClassName.js").ClassName;
+            root: import("./ClassName.js").ClassName;
+        } | undefined;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "textarea", "icon"]>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly disabled: [true, false];
+        }, ["root", "textarea", "icon"]> | undefined;
+    };
+} & {
+    Text: {
+        className?: import("./ClassName.js").ClassName;
+        variants: import("./ComponentThemeVariants.js").ComponentThemeVariants<{
+            readonly size: ["small", "medium", "large"];
+        }, undefined>;
+        compoundVariants?: import("./ComponentThemeCompoundVariants.js").ComponentThemeCompoundVariants<{
+            readonly size: ["small", "medium", "large"];
+        }, undefined> | undefined;
+    };
+} & {
+    merge: (...rest: import("./ClassName.js").ClassName[]) => string;
+}> | undefined>;

package/build/theme/internals/themeContext.js

@@ -0,0 +1,4 @@
+"use strict";
+import { createContext } from "react";
+export const themeContext = createContext(void 0);
+//# sourceMappingURL=themeContext.js.map

package/build/theme/internals/themeContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../source/theme/internals/themeContext.ts"],
+  "sourcesContent": ["import {createContext} from 'react';\n\nimport {type Theme} from '../Theme.js';\n\nexport const themeContext = createContext<Theme | undefined>(undefined);\n"],
+  "mappings": ";AAAA,SAAQ,qBAAoB;AAIrB,aAAM,eAAe,cAAiC,MAAS;",
+  "names": []
+}