@fastwork/xosmoz-theme 0.40.0 → 0.42.0

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 (21) hide show
  1. package/README.md +7 -9
  2. package/dist/dart/xz_colors.generated.dart +98 -231
  3. package/dist/figma-plugin.zip +0 -0
  4. package/dist/figma-tokens/Dark.json +483 -1339
  5. package/dist/figma-tokens/Light.json +474 -1330
  6. package/dist/index-kwy2YQdL.d.mts +230 -0
  7. package/dist/index-kwy2YQdL.d.ts +230 -0
  8. package/dist/index.d.mts +71 -58
  9. package/dist/index.d.ts +71 -58
  10. package/dist/index.js +373 -321
  11. package/dist/index.js.map +1 -1
  12. package/dist/index.mjs +373 -321
  13. package/dist/index.mjs.map +1 -1
  14. package/dist/themes/dark.css +129 -147
  15. package/dist/themes/light.css +128 -146
  16. package/dist/themes.css +257 -293
  17. package/dist/tokens.d.mts +1 -1
  18. package/dist/tokens.d.ts +1 -1
  19. package/package.json +1 -1
  20. package/dist/index-BTIknlZD.d.mts +0 -250
  21. package/dist/index-BTIknlZD.d.ts +0 -250
package/dist/index-kwy2YQdL.d.mts ADDED
@@ -0,0 +1,230 @@
1
+ /**
2
+ * Theme type definitions
3
+ */
4
+ interface ColorToken {
5
+ value: string
6
+ }
7
+ interface TypographyScale {
8
+ 50: string
9
+ 100: string
10
+ 200: string
11
+ 300: string
12
+ 400: string
13
+ 500: string
14
+ 600: string
15
+ 700: string
16
+ 800: string
17
+ 900: string
18
+ 1000: string
19
+ 1100: string
20
+ 1200: string
21
+ 1300: string
22
+ 1400: string
23
+ 1500: string
24
+ 1600: string
25
+ }
26
+ interface FontWeights {
27
+ 100: number
28
+ 200: number
29
+ 300: number
30
+ 400: number
31
+ 500: number
32
+ 600: number
33
+ 700: number
34
+ 800: number
35
+ 900: number
36
+ }
37
+ interface TypographyToken {
38
+ fontFamily: string
39
+ fontSize: {
40
+ desktop: string
41
+ mobile: string
42
+ }
43
+ fontWeight: number
44
+ lineHeight: string
45
+ }
46
+ interface HeadingTokens {
47
+ heading1: TypographyToken
48
+ heading2: TypographyToken
49
+ heading3: TypographyToken
50
+ heading4: TypographyToken
51
+ heading5: TypographyToken
52
+ heading6: TypographyToken
53
+ }
54
+ interface TitleTokens {
55
+ title1: TypographyToken
56
+ title2: TypographyToken
57
+ title3: TypographyToken
58
+ title4: TypographyToken
59
+ }
60
+ interface SubtitleTokens {
61
+ subtitle1Bold: TypographyToken
62
+ subtitle1Regular: TypographyToken
63
+ subtitle2Bold: TypographyToken
64
+ subtitle2Regular: TypographyToken
65
+ subtitle3Bold: TypographyToken
66
+ subtitle3Regular: TypographyToken
67
+ }
68
+ interface BodyTokens {
69
+ body1: TypographyToken
70
+ body2: TypographyToken
71
+ body3: TypographyToken
72
+ body4: TypographyToken
73
+ }
74
+ interface SpacingScale {
75
+ 0: string
76
+ px: string
77
+ 0.5: string
78
+ 1: string
79
+ 1.5: string
80
+ 2: string
81
+ 2.5: string
82
+ 3: string
83
+ 3.5: string
84
+ 4: string
85
+ 5: string
86
+ 6: string
87
+ 7: string
88
+ 8: string
89
+ 9: string
90
+ 10: string
91
+ 11: string
92
+ 12: string
93
+ 14: string
94
+ 16: string
95
+ 20: string
96
+ 24: string
97
+ 28: string
98
+ 32: string
99
+ 36: string
100
+ 40: string
101
+ 44: string
102
+ 48: string
103
+ 52: string
104
+ 56: string
105
+ 60: string
106
+ 64: string
107
+ 72: string
108
+ 80: string
109
+ 96: string
110
+ }
111
+ interface BorderRadius {
112
+ none: string
113
+ sm: string
114
+ base: string
115
+ md: string
116
+ lg: string
117
+ xl: string
118
+ '2xl': string
119
+ '3xl': string
120
+ full: string
121
+ }
122
+ interface Shadows {
123
+ 100: string
124
+ 200: string
125
+ 300: string
126
+ 400: string
127
+ }
128
+ interface Theme {
129
+ colors: Record<string, ColorToken>
130
+ typography: {
131
+ fontSize: TypographyScale
132
+ fontWeight: FontWeights
133
+ fontFamily: {
134
+ primary: string
135
+ secondary: string
136
+ }
137
+ lineHeight: {
138
+ '100pct': string
139
+ '125pct': string
140
+ '135pct': string
141
+ '150pct': string
142
+ '165pct': string
143
+ '200pct': string
144
+ }
145
+ headings: HeadingTokens
146
+ titles: TitleTokens
147
+ subtitles: SubtitleTokens
148
+ body: BodyTokens
149
+ }
150
+ spacing: SpacingScale
151
+ borderRadius: BorderRadius
152
+ shadows: Shadows
153
+ }
154
+
155
+ declare const fontSize: TypographyScale;
156
+ declare const fontWeight: FontWeights;
157
+ declare const fontFamily: {
158
+ primary: string;
159
+ secondary: string;
160
+ };
161
+ declare const lineHeight: {
162
+ '100pct': string;
163
+ '125pct': string;
164
+ '135pct': string;
165
+ '150pct': string;
166
+ '165pct': string;
167
+ '200pct': string;
168
+ };
169
+ declare const font: {
170
+ body1: TypographyToken;
171
+ body2: TypographyToken;
172
+ body3: TypographyToken;
173
+ body4: TypographyToken;
174
+ subtitle1Bold: TypographyToken;
175
+ subtitle1Regular: TypographyToken;
176
+ subtitle2Bold: TypographyToken;
177
+ subtitle2Regular: TypographyToken;
178
+ subtitle3Bold: TypographyToken;
179
+ subtitle3Regular: TypographyToken;
180
+ title1: TypographyToken;
181
+ title2: TypographyToken;
182
+ title3: TypographyToken;
183
+ title4: TypographyToken;
184
+ heading1: TypographyToken;
185
+ heading2: TypographyToken;
186
+ heading3: TypographyToken;
187
+ heading4: TypographyToken;
188
+ heading5: TypographyToken;
189
+ heading6: TypographyToken;
190
+ };
191
+ declare const typography: {
192
+ fontSize: TypographyScale;
193
+ fontWeight: FontWeights;
194
+ fontFamily: {
195
+ primary: string;
196
+ secondary: string;
197
+ };
198
+ lineHeight: {
199
+ '100pct': string;
200
+ '125pct': string;
201
+ '135pct': string;
202
+ '150pct': string;
203
+ '165pct': string;
204
+ '200pct': string;
205
+ };
206
+ font: {
207
+ body1: TypographyToken;
208
+ body2: TypographyToken;
209
+ body3: TypographyToken;
210
+ body4: TypographyToken;
211
+ subtitle1Bold: TypographyToken;
212
+ subtitle1Regular: TypographyToken;
213
+ subtitle2Bold: TypographyToken;
214
+ subtitle2Regular: TypographyToken;
215
+ subtitle3Bold: TypographyToken;
216
+ subtitle3Regular: TypographyToken;
217
+ title1: TypographyToken;
218
+ title2: TypographyToken;
219
+ title3: TypographyToken;
220
+ title4: TypographyToken;
221
+ heading1: TypographyToken;
222
+ heading2: TypographyToken;
223
+ heading3: TypographyToken;
224
+ heading4: TypographyToken;
225
+ heading5: TypographyToken;
226
+ heading6: TypographyToken;
227
+ };
228
+ };
229
+
230
+ export { type BodyTokens as B, type ColorToken as C, type FontWeights as F, type HeadingTokens as H, type SubtitleTokens as S, type TypographyScale as T, fontWeight as a, fontFamily as b, font as c, type TypographyToken as d, type TitleTokens as e, fontSize as f, type SpacingScale as g, type BorderRadius as h, type Shadows as i, type Theme as j, lineHeight as l, typography as t };
package/dist/index-kwy2YQdL.d.ts ADDED
@@ -0,0 +1,230 @@
1
+ /**
2
+ * Theme type definitions
3
+ */
4
+ interface ColorToken {
5
+ value: string
6
+ }
7
+ interface TypographyScale {
8
+ 50: string
9
+ 100: string
10
+ 200: string
11
+ 300: string
12
+ 400: string
13
+ 500: string
14
+ 600: string
15
+ 700: string
16
+ 800: string
17
+ 900: string
18
+ 1000: string
19
+ 1100: string
20
+ 1200: string
21
+ 1300: string
22
+ 1400: string
23
+ 1500: string
24
+ 1600: string
25
+ }
26
+ interface FontWeights {
27
+ 100: number
28
+ 200: number
29
+ 300: number
30
+ 400: number
31
+ 500: number
32
+ 600: number
33
+ 700: number
34
+ 800: number
35
+ 900: number
36
+ }
37
+ interface TypographyToken {
38
+ fontFamily: string
39
+ fontSize: {
40
+ desktop: string
41
+ mobile: string
42
+ }
43
+ fontWeight: number
44
+ lineHeight: string
45
+ }
46
+ interface HeadingTokens {
47
+ heading1: TypographyToken
48
+ heading2: TypographyToken
49
+ heading3: TypographyToken
50
+ heading4: TypographyToken
51
+ heading5: TypographyToken
52
+ heading6: TypographyToken
53
+ }
54
+ interface TitleTokens {
55
+ title1: TypographyToken
56
+ title2: TypographyToken
57
+ title3: TypographyToken
58
+ title4: TypographyToken
59
+ }
60
+ interface SubtitleTokens {
61
+ subtitle1Bold: TypographyToken
62
+ subtitle1Regular: TypographyToken
63
+ subtitle2Bold: TypographyToken
64
+ subtitle2Regular: TypographyToken
65
+ subtitle3Bold: TypographyToken
66
+ subtitle3Regular: TypographyToken
67
+ }
68
+ interface BodyTokens {
69
+ body1: TypographyToken
70
+ body2: TypographyToken
71
+ body3: TypographyToken
72
+ body4: TypographyToken
73
+ }
74
+ interface SpacingScale {
75
+ 0: string
76
+ px: string
77
+ 0.5: string
78
+ 1: string
79
+ 1.5: string
80
+ 2: string
81
+ 2.5: string
82
+ 3: string
83
+ 3.5: string
84
+ 4: string
85
+ 5: string
86
+ 6: string
87
+ 7: string
88
+ 8: string
89
+ 9: string
90
+ 10: string
91
+ 11: string
92
+ 12: string
93
+ 14: string
94
+ 16: string
95
+ 20: string
96
+ 24: string
97
+ 28: string
98
+ 32: string
99
+ 36: string
100
+ 40: string
101
+ 44: string
102
+ 48: string
103
+ 52: string
104
+ 56: string
105
+ 60: string
106
+ 64: string
107
+ 72: string
108
+ 80: string
109
+ 96: string
110
+ }
111
+ interface BorderRadius {
112
+ none: string
113
+ sm: string
114
+ base: string
115
+ md: string
116
+ lg: string
117
+ xl: string
118
+ '2xl': string
119
+ '3xl': string
120
+ full: string
121
+ }
122
+ interface Shadows {
123
+ 100: string
124
+ 200: string
125
+ 300: string
126
+ 400: string
127
+ }
128
+ interface Theme {
129
+ colors: Record<string, ColorToken>
130
+ typography: {
131
+ fontSize: TypographyScale
132
+ fontWeight: FontWeights
133
+ fontFamily: {
134
+ primary: string
135
+ secondary: string
136
+ }
137
+ lineHeight: {
138
+ '100pct': string
139
+ '125pct': string
140
+ '135pct': string
141
+ '150pct': string
142
+ '165pct': string
143
+ '200pct': string
144
+ }
145
+ headings: HeadingTokens
146
+ titles: TitleTokens
147
+ subtitles: SubtitleTokens
148
+ body: BodyTokens
149
+ }
150
+ spacing: SpacingScale
151
+ borderRadius: BorderRadius
152
+ shadows: Shadows
153
+ }
154
+
155
+ declare const fontSize: TypographyScale;
156
+ declare const fontWeight: FontWeights;
157
+ declare const fontFamily: {
158
+ primary: string;
159
+ secondary: string;
160
+ };
161
+ declare const lineHeight: {
162
+ '100pct': string;
163
+ '125pct': string;
164
+ '135pct': string;
165
+ '150pct': string;
166
+ '165pct': string;
167
+ '200pct': string;
168
+ };
169
+ declare const font: {
170
+ body1: TypographyToken;
171
+ body2: TypographyToken;
172
+ body3: TypographyToken;
173
+ body4: TypographyToken;
174
+ subtitle1Bold: TypographyToken;
175
+ subtitle1Regular: TypographyToken;
176
+ subtitle2Bold: TypographyToken;
177
+ subtitle2Regular: TypographyToken;
178
+ subtitle3Bold: TypographyToken;
179
+ subtitle3Regular: TypographyToken;
180
+ title1: TypographyToken;
181
+ title2: TypographyToken;
182
+ title3: TypographyToken;
183
+ title4: TypographyToken;
184
+ heading1: TypographyToken;
185
+ heading2: TypographyToken;
186
+ heading3: TypographyToken;
187
+ heading4: TypographyToken;
188
+ heading5: TypographyToken;
189
+ heading6: TypographyToken;
190
+ };
191
+ declare const typography: {
192
+ fontSize: TypographyScale;
193
+ fontWeight: FontWeights;
194
+ fontFamily: {
195
+ primary: string;
196
+ secondary: string;
197
+ };
198
+ lineHeight: {
199
+ '100pct': string;
200
+ '125pct': string;
201
+ '135pct': string;
202
+ '150pct': string;
203
+ '165pct': string;
204
+ '200pct': string;
205
+ };
206
+ font: {
207
+ body1: TypographyToken;
208
+ body2: TypographyToken;
209
+ body3: TypographyToken;
210
+ body4: TypographyToken;
211
+ subtitle1Bold: TypographyToken;
212
+ subtitle1Regular: TypographyToken;
213
+ subtitle2Bold: TypographyToken;
214
+ subtitle2Regular: TypographyToken;
215
+ subtitle3Bold: TypographyToken;
216
+ subtitle3Regular: TypographyToken;
217
+ title1: TypographyToken;
218
+ title2: TypographyToken;
219
+ title3: TypographyToken;
220
+ title4: TypographyToken;
221
+ heading1: TypographyToken;
222
+ heading2: TypographyToken;
223
+ heading3: TypographyToken;
224
+ heading4: TypographyToken;
225
+ heading5: TypographyToken;
226
+ heading6: TypographyToken;
227
+ };
228
+ };
229
+
230
+ export { type BodyTokens as B, type ColorToken as C, type FontWeights as F, type HeadingTokens as H, type SubtitleTokens as S, type TypographyScale as T, fontWeight as a, fontFamily as b, font as c, type TypographyToken as d, type TitleTokens as e, fontSize as f, type SpacingScale as g, type BorderRadius as h, type Shadows as i, type Theme as j, lineHeight as l, typography as t };
package/dist/index.d.mts CHANGED
@@ -1,69 +1,82 @@
1
- import { C as ColorToken } from './index-BTIknlZD.mjs';
2
- export { B as BodyTokens, i as BorderRadius, F as FontWeights, H as HeadingTokens, j as Shadows, h as SpacingScale, S as SubtitleTokens, k as Theme, T as ThemeColors, g as TitleTokens, d as TypographyScale, e as TypographyToken, c as font, b as fontFamily, f as fontSize, a as fontWeight, l as lineHeight, t as typography } from './index-BTIknlZD.mjs';
1
+ import { C as ColorToken } from './index-kwy2YQdL.mjs';
2
+ export { B as BodyTokens, h as BorderRadius, F as FontWeights, H as HeadingTokens, i as Shadows, g as SpacingScale, S as SubtitleTokens, j as Theme, e as TitleTokens, T as TypographyScale, d as TypographyToken, c as font, b as fontFamily, f as fontSize, a as fontWeight, l as lineHeight, t as typography } from './index-kwy2YQdL.mjs';
3
3
 
4
4
  /**
5
5
  * Theme configuration types
6
6
  */
7
7
 
8
8
  type ThemeColorShape = {
9
- soft: {
10
- 100: string;
11
- 200: string;
12
- 300: string;
13
- };
14
- line: {
15
- 100: string;
16
- 200: string;
17
- 300: string;
18
- };
19
- bg: {
20
- 100: string;
21
- 200: string;
22
- };
23
- fg: {
24
- 50: string;
25
- 100: string;
26
- 200: string;
27
- };
28
- };
9
+ soft: {
10
+ 100: string
11
+ 200: string
12
+ }
13
+ line: {
14
+ 100: string
15
+ 200: string
16
+ 300: string
17
+ }
18
+ bg: {
19
+ 100: string
20
+ 200: string
21
+ }
22
+ fg: {
23
+ 100: string
24
+ }
25
+ text: {
26
+ 100: string
27
+ }
28
+ }
29
+ type BoxShadowToken = {
30
+ 100: string
31
+ 200: string
32
+ 300: string
33
+ 400: string
34
+ }
29
35
  interface ThemeConfig {
30
- name: string;
31
- colors: {
32
- bg: {
33
- 100: string;
34
- 200: string;
35
- 300: string;
36
- 400: string;
37
- };
38
- fg: {
39
- 100: string;
40
- 200: string;
41
- 300: string;
42
- };
43
- line: {
44
- 100: string;
45
- 200: string;
46
- 300: string;
47
- };
48
- primary: ThemeColorShape;
49
- danger: ThemeColorShape;
50
- success: ThemeColorShape;
51
- warning: ThemeColorShape;
52
- info: ThemeColorShape;
53
- neutral: ThemeColorShape;
54
- fastwork: ColorToken;
55
- gray: ColorToken;
56
- green: ColorToken;
57
- mint: ColorToken;
58
- amber: ColorToken;
59
- red: ColorToken;
60
- orange: ColorToken;
61
- purple: ColorToken;
62
- cyan: ColorToken;
63
- };
36
+ name: string
37
+ boxShadows: BoxShadowToken
38
+ palette: Record<string, ColorToken>
39
+ colors: {
40
+ bg: {
41
+ 100: string
42
+ 200: string
43
+ }
44
+ surface: {
45
+ 50: string
46
+ 100: string
47
+ 200: string
48
+ 300: string
49
+ 400: string
50
+ }
51
+ fg: {
52
+ 100: string
53
+ }
54
+ soft: {
55
+ 100: string
56
+ 200: string
57
+ }
58
+ text: {
59
+ 100: string
60
+ 200: string
61
+ 300: string
62
+ }
63
+ line: {
64
+ 100: string
65
+ 200: string
66
+ 300: string
67
+ }
68
+ primary: ThemeColorShape
69
+ danger: ThemeColorShape
70
+ success: ThemeColorShape
71
+ warning: ThemeColorShape
72
+ info: ThemeColorShape
73
+ neutral: ThemeColorShape
74
+ orange: ThemeColorShape
75
+ purple: ThemeColorShape
76
+ }
64
77
  }
65
- type ThemeName = 'light' | 'dark';
66
- type ThemeRegistry = Record<ThemeName, ThemeConfig>;
78
+ type ThemeName = 'light' | 'dark'
79
+ type ThemeRegistry = Record<ThemeName, ThemeConfig>
67
80
 
68
81
  declare const lightTheme: ThemeConfig;
69
82