@fabio.caffarello/react-design-system 1.10.5 → 1.11.1
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.
- package/dist/components/index.cjs +1 -1
- package/dist/components/index.js +1 -1
- package/dist/components-B08xLmiA.cjs +689 -0
- package/dist/components-B08xLmiA.cjs.map +1 -0
- package/dist/{components-BTUibx0r.js → components-DEuqI-ld.js} +3446 -3504
- package/dist/components-DEuqI-ld.js.map +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +357 -364
- package/dist/primitives/index.cjs +1 -1
- package/dist/primitives/index.cjs.map +1 -1
- package/dist/primitives/index.js +973 -981
- package/dist/primitives/index.js.map +1 -1
- package/dist/providers/index.cjs +1 -1
- package/dist/providers/index.js +1 -1
- package/dist/tokens/index.cjs +1 -1
- package/dist/tokens/index.cjs.map +1 -1
- package/dist/tokens/index.js +1602 -98
- package/dist/tokens/index.js.map +1 -1
- package/dist/ui/index.d.ts +0 -4
- package/dist/ui/tokens/TokenVisualizations.d.ts +0 -4
- package/dist/ui/tokens/index.d.ts +0 -5
- package/package.json +1 -1
- package/dist/components-BTUibx0r.js.map +0 -1
- package/dist/components-znqlol8t.cjs +0 -690
- package/dist/components-znqlol8t.cjs.map +0 -1
- package/dist/tokens-DcAT-mPY.js +0 -2140
- package/dist/tokens-DcAT-mPY.js.map +0 -1
- package/dist/tokens-Dul82Bn_.cjs +0 -2
- package/dist/tokens-Dul82Bn_.cjs.map +0 -1
- package/dist/ui/tokens/colors.d.ts +0 -122
- package/dist/ui/tokens/gradients.d.ts +0 -56
- package/dist/ui/tokens/themes/dark.d.ts +0 -42
- package/dist/ui/tokens/themes/light.d.ts +0 -42
- package/dist/ui/tokens/tokens.factory.d.ts +0 -98
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Light Theme Tokens
|
|
3
|
-
*
|
|
4
|
-
* Light theme color palette and tokens.
|
|
5
|
-
*/
|
|
6
|
-
export declare const LIGHT_THEME: {
|
|
7
|
-
readonly colors: Record<import("../colors").ColorRole, import("../colors").SemanticColor>;
|
|
8
|
-
readonly spacing: {
|
|
9
|
-
readonly none: import("..").SpacingToken;
|
|
10
|
-
readonly "0.5": import("..").SpacingToken;
|
|
11
|
-
readonly xs: import("..").SpacingToken;
|
|
12
|
-
readonly "1.5": import("..").SpacingToken;
|
|
13
|
-
readonly sm: import("..").SpacingToken;
|
|
14
|
-
readonly "2.5": import("..").SpacingToken;
|
|
15
|
-
readonly md: import("..").SpacingToken;
|
|
16
|
-
readonly "3.5": import("..").SpacingToken;
|
|
17
|
-
readonly base: import("..").SpacingToken;
|
|
18
|
-
readonly lg: import("..").SpacingToken;
|
|
19
|
-
readonly xl: import("..").SpacingToken;
|
|
20
|
-
readonly "2xl": import("..").SpacingToken;
|
|
21
|
-
readonly "3xl": import("..").SpacingToken;
|
|
22
|
-
readonly "4xl": import("..").SpacingToken;
|
|
23
|
-
readonly "5xl": import("..").SpacingToken;
|
|
24
|
-
readonly "6xl": import("..").SpacingToken;
|
|
25
|
-
};
|
|
26
|
-
readonly typography: {
|
|
27
|
-
readonly h1: import("..").TypographyToken;
|
|
28
|
-
readonly h2: import("..").TypographyToken;
|
|
29
|
-
readonly h3: import("..").TypographyToken;
|
|
30
|
-
readonly h4: import("..").TypographyToken;
|
|
31
|
-
readonly h5: import("..").TypographyToken;
|
|
32
|
-
readonly h6: import("..").TypographyToken;
|
|
33
|
-
readonly body: import("..").TypographyToken;
|
|
34
|
-
readonly bodySmall: import("..").TypographyToken;
|
|
35
|
-
readonly bodyLarge: import("..").TypographyToken;
|
|
36
|
-
readonly label: import("..").TypographyToken;
|
|
37
|
-
readonly caption: import("..").TypographyToken;
|
|
38
|
-
readonly button: import("..").TypographyToken;
|
|
39
|
-
};
|
|
40
|
-
readonly breakpoints: Record<import("..").BreakpointName, import("..").BreakpointToken>;
|
|
41
|
-
readonly mode: "light";
|
|
42
|
-
};
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Tokens Factory
|
|
3
|
-
*
|
|
4
|
-
* Main factory for creating all types of tokens.
|
|
5
|
-
* Implements Factory Pattern for unified token creation.
|
|
6
|
-
*/
|
|
7
|
-
import { type SpacingScale, type SpacingToken } from "./spacing";
|
|
8
|
-
import { type TypographyToken, type FontSize, type LineHeight, type FontWeight } from "./typography";
|
|
9
|
-
import { type ColorRole, type SemanticColor, type ThemeMode } from "./colors";
|
|
10
|
-
import { type BreakpointName, type BreakpointToken } from "./breakpoints";
|
|
11
|
-
import { type ShadowSize, type ShadowToken } from "./shadows";
|
|
12
|
-
import { type RadiusSize, type RadiusToken } from "./radius";
|
|
13
|
-
import { type BorderWidth, type BorderToken } from "./borders";
|
|
14
|
-
import { type AnimationDuration, type EasingFunction, type AnimationToken } from "./animations";
|
|
15
|
-
import { type ZIndexLayer, type ZIndexToken } from "./z-index";
|
|
16
|
-
import { type OpacityValue, type OpacityToken } from "./opacity";
|
|
17
|
-
import { type GradientRole, type GradientDirection, type GradientToken } from "./gradients";
|
|
18
|
-
export interface TokenSet {
|
|
19
|
-
spacing: Record<string, SpacingToken>;
|
|
20
|
-
typography: Record<string, TypographyToken>;
|
|
21
|
-
colors: Record<ColorRole, SemanticColor>;
|
|
22
|
-
breakpoints: Record<BreakpointName, BreakpointToken>;
|
|
23
|
-
shadows: Record<string, ShadowToken>;
|
|
24
|
-
radius: Record<string, RadiusToken>;
|
|
25
|
-
borders: Record<string, BorderToken>;
|
|
26
|
-
animations: Record<string, AnimationToken>;
|
|
27
|
-
zIndex: Record<string, ZIndexToken>;
|
|
28
|
-
opacity: Record<string, OpacityToken>;
|
|
29
|
-
gradients: Record<string, GradientToken>;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* Tokens Factory
|
|
33
|
-
* Main factory for creating complete token sets
|
|
34
|
-
*/
|
|
35
|
-
export declare class TokensFactory {
|
|
36
|
-
private colorFactory;
|
|
37
|
-
constructor(theme?: ThemeMode);
|
|
38
|
-
/**
|
|
39
|
-
* Create spacing token
|
|
40
|
-
*/
|
|
41
|
-
createSpacing(scale: SpacingScale): SpacingToken;
|
|
42
|
-
/**
|
|
43
|
-
* Create typography token
|
|
44
|
-
*/
|
|
45
|
-
createTypography(size: FontSize, lineHeight?: LineHeight, weight?: FontWeight): TypographyToken;
|
|
46
|
-
/**
|
|
47
|
-
* Create color palette
|
|
48
|
-
*/
|
|
49
|
-
createColorPalette(): Record<ColorRole, SemanticColor>;
|
|
50
|
-
/**
|
|
51
|
-
* Create breakpoint token
|
|
52
|
-
*/
|
|
53
|
-
createBreakpoint(name: BreakpointName): BreakpointToken;
|
|
54
|
-
/**
|
|
55
|
-
* Create shadow token
|
|
56
|
-
*/
|
|
57
|
-
createShadow(size: ShadowSize): ShadowToken;
|
|
58
|
-
/**
|
|
59
|
-
* Create radius token
|
|
60
|
-
*/
|
|
61
|
-
createRadius(size: RadiusSize): RadiusToken;
|
|
62
|
-
/**
|
|
63
|
-
* Create border token
|
|
64
|
-
*/
|
|
65
|
-
createBorder(width: BorderWidth): BorderToken;
|
|
66
|
-
/**
|
|
67
|
-
* Create animation token
|
|
68
|
-
*/
|
|
69
|
-
createAnimation(duration: AnimationDuration, easing?: EasingFunction): AnimationToken;
|
|
70
|
-
/**
|
|
71
|
-
* Create z-index token
|
|
72
|
-
*/
|
|
73
|
-
createZIndex(layer: ZIndexLayer): ZIndexToken;
|
|
74
|
-
/**
|
|
75
|
-
* Create opacity token
|
|
76
|
-
*/
|
|
77
|
-
createOpacity(value: OpacityValue): OpacityToken;
|
|
78
|
-
/**
|
|
79
|
-
* Create gradient token
|
|
80
|
-
*/
|
|
81
|
-
createGradient(role: GradientRole, direction?: GradientDirection): GradientToken;
|
|
82
|
-
/**
|
|
83
|
-
* Create complete token set for a theme
|
|
84
|
-
*/
|
|
85
|
-
createTokenSet(): TokenSet;
|
|
86
|
-
/**
|
|
87
|
-
* Switch theme
|
|
88
|
-
*/
|
|
89
|
-
setTheme(theme: ThemeMode): void;
|
|
90
|
-
}
|
|
91
|
-
/**
|
|
92
|
-
* Default factory instance (light theme)
|
|
93
|
-
*/
|
|
94
|
-
export declare const defaultTokensFactory: TokensFactory;
|
|
95
|
-
/**
|
|
96
|
-
* Helper function to create token set
|
|
97
|
-
*/
|
|
98
|
-
export declare function createTokenSet(theme?: ThemeMode): TokenSet;
|