@vaneui/ui 0.1.0 → 0.1.2

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.
Files changed (127) hide show
  1. package/package.json +2 -6
  2. package/dist/components/complex/index.d.ts +0 -1
  3. package/dist/components/complex/index.js +0 -132
  4. package/dist/components/complex/index.js.map +0 -1
  5. package/dist/components/complex/sharer.d.ts +0 -39
  6. package/dist/components/theme/components/theme/index.d.ts +0 -1
  7. package/dist/components/theme/components/theme/themeContext.d.ts +0 -50
  8. package/dist/components/theme/components/ui/classes/appearanceClasses.d.ts +0 -13
  9. package/dist/components/theme/components/ui/classes/spacingClasses.d.ts +0 -2
  10. package/dist/components/theme/components/ui/classes/typographyClasses.d.ts +0 -10
  11. package/dist/components/theme/components/ui/props/keys.d.ts +0 -81
  12. package/dist/components/theme/components/ui/props/props.d.ts +0 -43
  13. package/dist/components/theme/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +0 -10
  14. package/dist/components/theme/components/ui/theme/appearance/textAppearanceTheme.d.ts +0 -10
  15. package/dist/components/theme/components/ui/theme/appearance/variantTheme.d.ts +0 -15
  16. package/dist/components/theme/components/ui/theme/badgeTheme.d.ts +0 -32
  17. package/dist/components/theme/components/ui/theme/buttonTheme.d.ts +0 -32
  18. package/dist/components/theme/components/ui/theme/cardTheme.d.ts +0 -37
  19. package/dist/components/theme/components/ui/theme/chipTheme.d.ts +0 -32
  20. package/dist/components/theme/components/ui/theme/colTheme.d.ts +0 -15
  21. package/dist/components/theme/components/ui/theme/common/ComponentTheme.d.ts +0 -52
  22. package/dist/components/theme/components/ui/theme/common/baseTheme.d.ts +0 -12
  23. package/dist/components/theme/components/ui/theme/containerTheme.d.ts +0 -31
  24. package/dist/components/theme/components/ui/theme/dividerTheme.d.ts +0 -9
  25. package/dist/components/theme/components/ui/theme/gridTheme.d.ts +0 -10
  26. package/dist/components/theme/components/ui/theme/layout/borderTheme.d.ts +0 -9
  27. package/dist/components/theme/components/ui/theme/layout/directionTheme.d.ts +0 -9
  28. package/dist/components/theme/components/ui/theme/layout/displayTheme.d.ts +0 -9
  29. package/dist/components/theme/components/ui/theme/layout/hideTheme.d.ts +0 -9
  30. package/dist/components/theme/components/ui/theme/layout/itemsTheme.d.ts +0 -9
  31. package/dist/components/theme/components/ui/theme/layout/justifyTheme.d.ts +0 -9
  32. package/dist/components/theme/components/ui/theme/layout/positionTheme.d.ts +0 -9
  33. package/dist/components/theme/components/ui/theme/layout/radiusTheme.d.ts +0 -9
  34. package/dist/components/theme/components/ui/theme/layout/ringTheme.d.ts +0 -9
  35. package/dist/components/theme/components/ui/theme/layout/shadowTheme.d.ts +0 -9
  36. package/dist/components/theme/components/ui/theme/layout/wrapTheme.d.ts +0 -9
  37. package/dist/components/theme/components/ui/theme/rowTheme.d.ts +0 -15
  38. package/dist/components/theme/components/ui/theme/sectionTheme.d.ts +0 -34
  39. package/dist/components/theme/components/ui/theme/size/breakpointTheme.d.ts +0 -9
  40. package/dist/components/theme/components/ui/theme/size/gapTheme.d.ts +0 -9
  41. package/dist/components/theme/components/ui/theme/size/pxTheme.d.ts +0 -9
  42. package/dist/components/theme/components/ui/theme/size/pyTheme.d.ts +0 -9
  43. package/dist/components/theme/components/ui/theme/size/sizeTheme.d.ts +0 -9
  44. package/dist/components/theme/components/ui/theme/stackTheme.d.ts +0 -19
  45. package/dist/components/theme/components/ui/theme/typography/fontFamilyTheme.d.ts +0 -9
  46. package/dist/components/theme/components/ui/theme/typography/fontStyleTheme.d.ts +0 -9
  47. package/dist/components/theme/components/ui/theme/typography/fontWeightTheme.d.ts +0 -9
  48. package/dist/components/theme/components/ui/theme/typography/textAlignTheme.d.ts +0 -9
  49. package/dist/components/theme/components/ui/theme/typography/textDecorationTheme.d.ts +0 -9
  50. package/dist/components/theme/components/ui/theme/typography/textTransformTheme.d.ts +0 -9
  51. package/dist/components/theme/components/ui/theme/typographyComponentTheme.d.ts +0 -22
  52. package/dist/components/theme/components/utils/componentUtils.d.ts +0 -4
  53. package/dist/components/theme/components/utils/deepMerge.d.ts +0 -4
  54. package/dist/components/theme/components/utils/deepPartial.d.ts +0 -3
  55. package/dist/components/theme/index.d.ts +0 -1
  56. package/dist/components/theme/index.js +0 -4625
  57. package/dist/components/theme/index.js.map +0 -1
  58. package/dist/components/theme/themeContext.d.ts +0 -50
  59. package/dist/components/ui/badge.d.ts +0 -3
  60. package/dist/components/ui/button.d.ts +0 -3
  61. package/dist/components/ui/card.d.ts +0 -3
  62. package/dist/components/ui/chip.d.ts +0 -3
  63. package/dist/components/ui/classes/appearanceClasses.d.ts +0 -13
  64. package/dist/components/ui/classes/spacingClasses.d.ts +0 -2
  65. package/dist/components/ui/classes/typographyClasses.d.ts +0 -10
  66. package/dist/components/ui/col.d.ts +0 -3
  67. package/dist/components/ui/container.d.ts +0 -3
  68. package/dist/components/ui/divider.d.ts +0 -3
  69. package/dist/components/ui/grid.d.ts +0 -4
  70. package/dist/components/ui/layout.d.ts +0 -7
  71. package/dist/components/ui/props/keys.d.ts +0 -81
  72. package/dist/components/ui/props/props.d.ts +0 -43
  73. package/dist/components/ui/row.d.ts +0 -3
  74. package/dist/components/ui/section.d.ts +0 -3
  75. package/dist/components/ui/stack.d.ts +0 -3
  76. package/dist/components/ui/theme/appearance/layoutAppearanceTheme.d.ts +0 -10
  77. package/dist/components/ui/theme/appearance/textAppearanceTheme.d.ts +0 -10
  78. package/dist/components/ui/theme/appearance/variantTheme.d.ts +0 -15
  79. package/dist/components/ui/theme/badgeTheme.d.ts +0 -32
  80. package/dist/components/ui/theme/buttonTheme.d.ts +0 -32
  81. package/dist/components/ui/theme/cardTheme.d.ts +0 -37
  82. package/dist/components/ui/theme/chipTheme.d.ts +0 -32
  83. package/dist/components/ui/theme/colTheme.d.ts +0 -15
  84. package/dist/components/ui/theme/common/ComponentTheme.d.ts +0 -52
  85. package/dist/components/ui/theme/common/baseTheme.d.ts +0 -12
  86. package/dist/components/ui/theme/containerTheme.d.ts +0 -31
  87. package/dist/components/ui/theme/dividerTheme.d.ts +0 -9
  88. package/dist/components/ui/theme/gridTheme.d.ts +0 -10
  89. package/dist/components/ui/theme/layout/borderTheme.d.ts +0 -9
  90. package/dist/components/ui/theme/layout/directionTheme.d.ts +0 -9
  91. package/dist/components/ui/theme/layout/displayTheme.d.ts +0 -9
  92. package/dist/components/ui/theme/layout/hideTheme.d.ts +0 -9
  93. package/dist/components/ui/theme/layout/itemsTheme.d.ts +0 -9
  94. package/dist/components/ui/theme/layout/justifyTheme.d.ts +0 -9
  95. package/dist/components/ui/theme/layout/positionTheme.d.ts +0 -9
  96. package/dist/components/ui/theme/layout/radiusTheme.d.ts +0 -9
  97. package/dist/components/ui/theme/layout/ringTheme.d.ts +0 -9
  98. package/dist/components/ui/theme/layout/shadowTheme.d.ts +0 -9
  99. package/dist/components/ui/theme/layout/wrapTheme.d.ts +0 -9
  100. package/dist/components/ui/theme/rowTheme.d.ts +0 -15
  101. package/dist/components/ui/theme/sectionTheme.d.ts +0 -34
  102. package/dist/components/ui/theme/size/breakpointTheme.d.ts +0 -9
  103. package/dist/components/ui/theme/size/gapTheme.d.ts +0 -9
  104. package/dist/components/ui/theme/size/pxTheme.d.ts +0 -9
  105. package/dist/components/ui/theme/size/pyTheme.d.ts +0 -9
  106. package/dist/components/ui/theme/size/sizeTheme.d.ts +0 -9
  107. package/dist/components/ui/theme/stackTheme.d.ts +0 -19
  108. package/dist/components/ui/theme/typography/fontFamilyTheme.d.ts +0 -9
  109. package/dist/components/ui/theme/typography/fontStyleTheme.d.ts +0 -9
  110. package/dist/components/ui/theme/typography/fontWeightTheme.d.ts +0 -9
  111. package/dist/components/ui/theme/typography/textAlignTheme.d.ts +0 -9
  112. package/dist/components/ui/theme/typography/textDecorationTheme.d.ts +0 -9
  113. package/dist/components/ui/theme/typography/textTransformTheme.d.ts +0 -9
  114. package/dist/components/ui/theme/typographyComponentTheme.d.ts +0 -22
  115. package/dist/components/ui/typography.d.ts +0 -9
  116. package/dist/components/utils/buildComponent.d.ts +0 -7
  117. package/dist/components/utils/componentUtils.d.ts +0 -4
  118. package/dist/components/utils/deepMerge.d.ts +0 -4
  119. package/dist/components/utils/deepPartial.d.ts +0 -3
  120. package/dist/components/utils/tests/deepMerge.test.d.ts +0 -1
  121. package/dist/index.d.ts +0 -8
  122. package/dist/index.esm.js +0 -4723
  123. package/dist/index.esm.js.map +0 -1
  124. package/dist/index.js +0 -4747
  125. package/dist/index.js.map +0 -1
  126. package/dist/ui.css +0 -2049
  127. package/dist/vars.css +0 -132
@@ -1,15 +0,0 @@
1
- import { DirectionTheme } from "./layout/directionTheme";
2
- import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
3
- import { ColProps } from "../props/props";
4
- import { GapTheme } from "./size/gapTheme";
5
- import { WrapTheme } from "./layout/wrapTheme";
6
- export interface ColTheme<P> extends BaseComponentTheme<P> {
7
- size: {
8
- gap: GapTheme;
9
- };
10
- layout: DefaultLayoutThemes<P> & {
11
- wrap: WrapTheme;
12
- direction: DirectionTheme;
13
- };
14
- }
15
- export declare const defaultColTheme: ComponentTheme<ColProps, ColTheme<ColProps>>;
@@ -1,52 +0,0 @@
1
- import React from "react";
2
- import { BaseTheme } from "./baseTheme";
3
- import { HideTheme } from "../layout/hideTheme";
4
- import { ItemsTheme } from "../layout/itemsTheme";
5
- import { JustifyTheme } from "../layout/justifyTheme";
6
- import { PositionTheme } from "../layout/positionTheme";
7
- import { FontStyleTheme } from "../typography/fontStyleTheme";
8
- import { FontFamilyTheme } from "../typography/fontFamilyTheme";
9
- import { FontWeightTheme } from "../typography/fontWeightTheme";
10
- import { TextDecorationTheme } from "../typography/textDecorationTheme";
11
- import { TextTransformTheme } from "../typography/textTransformTheme";
12
- import { TextAlignTheme } from "../typography/textAlignTheme";
13
- import { DeepPartial } from "../../../utils/deepPartial";
14
- import { DisplayTheme } from "../layout/displayTheme";
15
- import { ComponentProps } from "../../props/props";
16
- type ThemeNode<P> = BaseTheme | ThemeMap<P>;
17
- export type ThemeMap<P> = {
18
- [key: string]: ThemeNode<P>;
19
- };
20
- export interface DefaultLayoutThemes<P> {
21
- hide: HideTheme;
22
- items: ItemsTheme;
23
- justify: JustifyTheme;
24
- position: PositionTheme;
25
- display: DisplayTheme;
26
- }
27
- export interface DefaultTypographyThemes<P> {
28
- fontFamily: FontFamilyTheme;
29
- fontWeight: FontWeightTheme;
30
- fontStyle: FontStyleTheme;
31
- textDecoration: TextDecorationTheme;
32
- textTransform: TextTransformTheme;
33
- textAlign: TextAlignTheme;
34
- }
35
- export interface BaseComponentTheme<P> {
36
- layout: DefaultLayoutThemes<P>;
37
- typography: DefaultTypographyThemes<P>;
38
- }
39
- export declare class ComponentTheme<P extends ComponentProps, TThemes extends object> {
40
- readonly tag: React.ElementType;
41
- readonly base: string;
42
- readonly themes: TThemes;
43
- defaults: Partial<P>;
44
- constructor(tag: React.ElementType, base: string, subThemes: DeepPartial<TThemes>, defaults?: Partial<P>);
45
- getClasses(props: P, defaults?: Partial<P>): string[];
46
- getComponentConfig(props: P, propsToOmit?: readonly string[]): {
47
- Tag: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
48
- finalClasses: string;
49
- finalProps: Omit<P, "tag" | "className">;
50
- };
51
- }
52
- export {};
@@ -1,12 +0,0 @@
1
- /**
2
- * Base Theme class that all theme types will extend
3
- */
4
- export declare abstract class BaseTheme {
5
- /**
6
- * Get CSS classes based on props
7
- * @param props Component props (only the real props the user passed)
8
- * @param defaults Component-level defaults
9
- * @returns CSS classes as an array of strings
10
- */
11
- abstract getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
12
- }
@@ -1,31 +0,0 @@
1
- import { DirectionTheme } from "./layout/directionTheme";
2
- import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
3
- import { ContainerProps } from "../props/props";
4
- import { GapTheme } from "./size/gapTheme";
5
- import { SizeTheme } from "./size/sizeTheme";
6
- import { WrapTheme } from "./layout/wrapTheme";
7
- import { BorderTheme } from "./layout/borderTheme";
8
- import { RingTheme } from "./layout/ringTheme";
9
- import { LayoutAppearanceTheme } from "./appearance/layoutAppearanceTheme";
10
- import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
11
- import { RadiusTheme } from "./layout/radiusTheme";
12
- export interface ContainerTheme<P> extends BaseComponentTheme<P> {
13
- size: {
14
- gap: GapTheme;
15
- maxWidth: SizeTheme;
16
- };
17
- layout: DefaultLayoutThemes<P> & {
18
- wrap: WrapTheme;
19
- direction: DirectionTheme;
20
- border: BorderTheme;
21
- ring: RingTheme;
22
- radius: RadiusTheme;
23
- };
24
- appearance: {
25
- background: LayoutAppearanceTheme;
26
- text: TextAppearanceTheme;
27
- border: TextAppearanceTheme;
28
- ring: TextAppearanceTheme;
29
- };
30
- }
31
- export declare const defaultContainerTheme: ComponentTheme<ContainerProps, ContainerTheme<ContainerProps>>;
@@ -1,9 +0,0 @@
1
- import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
2
- import { DividerProps } from "../props/props";
3
- import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
4
- export interface DividerTheme<P> extends BaseComponentTheme<P> {
5
- appearance: {
6
- background: TextAppearanceTheme;
7
- };
8
- }
9
- export declare const defaultDividerTheme: ComponentTheme<DividerProps, DividerTheme<DividerProps>>;
@@ -1,10 +0,0 @@
1
- import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
2
- import { GridProps } from "../props/props";
3
- import { GapTheme } from "./size/gapTheme";
4
- export interface GridTheme<P> extends BaseComponentTheme<P> {
5
- size: {
6
- gap: GapTheme;
7
- };
8
- }
9
- export declare const defaultGrid3Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;
10
- export declare const defaultGrid4Theme: ComponentTheme<GridProps, GridTheme<GridProps>>;
@@ -1,9 +0,0 @@
1
- import { BaseTheme } from "../common/baseTheme";
2
- import { ModeKey, BorderKey } from "../../props/keys";
3
- export interface BorderTheme extends Record<BorderKey, Record<ModeKey, string>> {
4
- }
5
- export declare class BorderTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<BorderKey, Record<ModeKey, string>>;
7
- constructor(initial?: Partial<Record<BorderKey, Record<ModeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { FlexDirectionKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface DirectionTheme extends Record<FlexDirectionKey, string> {
4
- }
5
- export declare class DirectionTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<FlexDirectionKey, string>;
7
- constructor(initial?: Partial<Record<FlexDirectionKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { DisplayKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface DisplayTheme extends Record<DisplayKey, string> {
4
- }
5
- export declare class DisplayTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<DisplayKey, string>;
7
- constructor(initialConfig?: Partial<Record<DisplayKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { HideKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface HideTheme extends Record<HideKey, string> {
4
- }
5
- export declare class HideTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<HideKey, string>;
7
- constructor(initialConfig?: Partial<Record<HideKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { ItemsKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface ItemsTheme extends Record<ItemsKey, string> {
4
- }
5
- export declare class ItemsTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<ItemsKey, string>;
7
- constructor(initialConfig?: Partial<Record<ItemsKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { JustifyKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface JustifyTheme extends Record<JustifyKey, string> {
4
- }
5
- export declare class JustifyTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<JustifyKey, string>;
7
- constructor(initialConfig?: Partial<Record<JustifyKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { PositionKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface PositionTheme extends Record<PositionKey, string> {
4
- }
5
- export declare class PositionTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<PositionKey, string>;
7
- constructor(initialConfig?: Partial<Record<PositionKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { ShapeKey, SizeKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface RadiusTheme extends Record<ShapeKey, string | Record<SizeKey, string>> {
4
- }
5
- export declare class RadiusTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<ShapeKey, string | Record<SizeKey, string>>;
7
- constructor(initial?: Partial<Record<ShapeKey, string | Record<SizeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { BaseTheme } from "../common/baseTheme";
2
- import { ModeKey, RingKey } from "../../props/keys";
3
- export interface RingTheme extends Record<RingKey, Record<ModeKey, string>> {
4
- }
5
- export declare class RingTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<RingKey, Record<ModeKey, string>>;
7
- constructor(initial?: Partial<Record<RingKey, Record<ModeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { SizeKey, ModeKey, ShadowKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface ShadowTheme extends Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>> {
4
- }
5
- export declare class ShadowTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>;
7
- constructor(initial?: Partial<Record<ShadowKey, Record<ModeKey, string | Record<SizeKey, string>>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { WrapKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface WrapTheme extends Record<WrapKey, string> {
4
- }
5
- export declare class WrapTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<WrapKey, string>;
7
- constructor(initialConfig?: Partial<Record<WrapKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,15 +0,0 @@
1
- import { GapTheme } from "./size/gapTheme";
2
- import { WrapTheme } from "./layout/wrapTheme";
3
- import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
4
- import { RowProps } from "../props/props";
5
- import { BreakpointTheme } from "./size/breakpointTheme";
6
- export interface RowTheme<P> extends BaseComponentTheme<P> {
7
- size: {
8
- gap: GapTheme;
9
- breakpoint: BreakpointTheme;
10
- };
11
- layout: DefaultLayoutThemes<P> & {
12
- wrap: WrapTheme;
13
- };
14
- }
15
- export declare const defaultRowTheme: ComponentTheme<RowProps, RowTheme<RowProps>>;
@@ -1,34 +0,0 @@
1
- import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
2
- import { DirectionTheme } from "./layout/directionTheme";
3
- import { GapTheme } from "./size/gapTheme";
4
- import { WrapTheme } from "./layout/wrapTheme";
5
- import { SectionProps } from "../props/props";
6
- import { PxTheme } from "./size/pxTheme";
7
- import { PyTheme } from "./size/pyTheme";
8
- import { VariantTheme } from "./appearance/variantTheme";
9
- import { BorderTheme } from "./layout/borderTheme";
10
- import { RingTheme } from "./layout/ringTheme";
11
- import { RadiusTheme } from "./layout/radiusTheme";
12
- import { ShadowTheme } from "./layout/shadowTheme";
13
- export interface SectionTheme<P> extends BaseComponentTheme<P> {
14
- size: {
15
- px: PxTheme;
16
- py: PyTheme;
17
- gap: GapTheme;
18
- shadow: ShadowTheme;
19
- };
20
- appearance: {
21
- background: VariantTheme;
22
- text: VariantTheme;
23
- border: VariantTheme;
24
- ring: VariantTheme;
25
- };
26
- layout: DefaultLayoutThemes<P> & {
27
- wrap: WrapTheme;
28
- direction: DirectionTheme;
29
- border: BorderTheme;
30
- ring: RingTheme;
31
- radius: RadiusTheme;
32
- };
33
- }
34
- export declare const defaultSectionTheme: ComponentTheme<SectionProps, SectionTheme<SectionProps>>;
@@ -1,9 +0,0 @@
1
- import { BaseTheme } from "../common/baseTheme";
2
- import { BreakpointKey } from "../../props/keys";
3
- export interface BreakpointTheme extends Record<BreakpointKey, string> {
4
- }
5
- export declare class BreakpointTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<BreakpointKey, string>;
7
- constructor(initial?: Partial<Record<BreakpointKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { SizeKey, GapKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface GapTheme extends Record<GapKey, string | Record<SizeKey, string>> {
4
- }
5
- export declare class GapTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<GapKey, string | Record<SizeKey, string>>;
7
- constructor(initial?: Partial<Record<GapKey, string | Record<SizeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { SizeKey, PaddingKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface PxTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
4
- }
5
- export declare class PxTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
7
- constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { SizeKey, PaddingKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface PyTheme extends Record<PaddingKey, string | Record<SizeKey, string>> {
4
- }
5
- export declare class PyTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<PaddingKey, string | Record<SizeKey, string>>;
7
- constructor(initial?: Partial<Record<PaddingKey, string | Record<SizeKey, string>>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { BaseTheme } from "../common/baseTheme";
2
- import { SizeKey } from "../../props/keys";
3
- export interface SizeTheme extends Record<SizeKey, string> {
4
- }
5
- export declare class SizeTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<SizeKey, string>;
7
- constructor(initial?: Partial<Record<SizeKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,19 +0,0 @@
1
- import { DirectionTheme } from "./layout/directionTheme";
2
- import { WrapTheme } from "./layout/wrapTheme";
3
- import { BaseComponentTheme, ComponentTheme, DefaultLayoutThemes } from "./common/ComponentTheme";
4
- import { StackProps } from "../props/props";
5
- import { GapTheme } from "./size/gapTheme";
6
- import { PxTheme } from "./size/pxTheme";
7
- import { PyTheme } from "./size/pyTheme";
8
- export interface StackTheme<P> extends BaseComponentTheme<P> {
9
- size: {
10
- px: PxTheme;
11
- py: PyTheme;
12
- gap: GapTheme;
13
- };
14
- layout: DefaultLayoutThemes<P> & {
15
- wrap: WrapTheme;
16
- direction: DirectionTheme;
17
- };
18
- }
19
- export declare const defaultStackTheme: ComponentTheme<StackProps, StackTheme<StackProps>>;
@@ -1,9 +0,0 @@
1
- import { FontFamilyKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface FontFamilyTheme extends Record<FontFamilyKey, string> {
4
- }
5
- export declare class FontFamilyTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<FontFamilyKey, string>;
7
- constructor(initial?: Partial<Record<FontFamilyKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { FontStyleKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface FontStyleTheme extends Record<FontStyleKey, string> {
4
- }
5
- export declare class FontStyleTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<FontStyleKey, string>;
7
- constructor(initial?: Partial<Record<FontStyleKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { FontWeightKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface FontWeightTheme extends Record<FontWeightKey, string> {
4
- }
5
- export declare class FontWeightTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<FontWeightKey, string>;
7
- constructor(initial?: Partial<Record<FontWeightKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { TextAlignKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface TextAlignTheme extends Record<TextAlignKey, string> {
4
- }
5
- export declare class TextAlignTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<TextAlignKey, string>;
7
- constructor(initial?: Partial<Record<TextAlignKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { TextDecorationKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface TextDecorationTheme extends Record<TextDecorationKey, string> {
4
- }
5
- export declare class TextDecorationTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<TextDecorationKey, string>;
7
- constructor(initial?: Partial<Record<TextDecorationKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,9 +0,0 @@
1
- import { TextTransformKey } from "../../props/keys";
2
- import { BaseTheme } from "../common/baseTheme";
3
- export interface TextTransformTheme extends Record<TextTransformKey, string> {
4
- }
5
- export declare class TextTransformTheme extends BaseTheme {
6
- static readonly defaultClasses: Record<TextTransformKey, string>;
7
- constructor(initial?: Partial<Record<TextTransformKey, string>>);
8
- getClasses(props: Record<string, boolean>, defaults: Record<string, boolean>): string[];
9
- }
@@ -1,22 +0,0 @@
1
- import { SizeKey } from "../props/keys";
2
- import { TypographyComponentProps } from "../props/props";
3
- import React from "react";
4
- import { BaseComponentTheme, ComponentTheme } from "./common/ComponentTheme";
5
- import { SizeTheme } from "./size/sizeTheme";
6
- import { TextAppearanceTheme } from "./appearance/textAppearanceTheme";
7
- export interface TypographyComponentTheme<P> extends BaseComponentTheme<P> {
8
- size: {
9
- text: SizeTheme;
10
- };
11
- appearance: {
12
- text: TextAppearanceTheme;
13
- };
14
- }
15
- export declare const createTypographyComponentTheme: (tag: React.ReactNode | string | any, base?: string, textSizeMap?: Record<SizeKey, string>, defaults?: Partial<TypographyComponentProps>) => ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
16
- export declare const pageTitleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
17
- export declare const sectionTitleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
18
- export declare const titleTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
19
- export declare const textTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
20
- export declare const linkTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
21
- export declare const listItemTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
22
- export declare const listTheme: ComponentTheme<TypographyComponentProps, TypographyComponentTheme<TypographyComponentProps>>;
@@ -1,4 +0,0 @@
1
- /**
2
- * Pick the first truthy key from props, then from defaults, then undefined.
3
- */
4
- export declare function pickFirstTruthyKey<P, K extends keyof P>(props: Partial<P>, defaults: Partial<P>, keys: readonly K[]): K | undefined;
@@ -1,4 +0,0 @@
1
- import { DeepPartial } from "./deepPartial";
2
- export declare const deepMerge: <T extends object>(target: T, source: DeepPartial<T>) => T;
3
- export declare const deepClone: <T extends object>(source: T) => T;
4
- export declare const mergeDefaults: (baseDefaults: Record<string, boolean>, overrideDefaults: Record<string, boolean>) => Record<string, boolean>;
@@ -1,3 +0,0 @@
1
- export type DeepPartial<T> = {
2
- [P in keyof T]?: T[P] extends object ? DeepPartial<T[P]> : T[P];
3
- };
@@ -1 +0,0 @@
1
- export { ThemeProvider, useTheme } from './themeContext';