@spesia/ui 1.0.1-21 → 1.0.1-23

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.
@@ -0,0 +1,9 @@
1
+ export interface LogoProps {
2
+ withText?: boolean;
3
+ alt?: string;
4
+ height?: number;
5
+ width?: number;
6
+ color?: 'blue' | 'black' | 'white';
7
+ }
8
+ declare const Logo: ({ withText, color, height, width, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element | null;
9
+ export default Logo;
@@ -0,0 +1 @@
1
+ export { default as Logo } from './Logo/Logo';
package/dist/index.d.ts CHANGED
@@ -1,361 +1,4 @@
1
- declare module "src/styles/button/button" {
2
- import { ComponentStyles } from "src/styles/index";
3
- const buttonStyles: ComponentStyles;
4
- module '@mui/material/Button' {
5
- interface ButtonSizeVariantProps {
6
- extraSmall: true;
7
- }
8
- }
9
- export { buttonStyles };
10
- }
11
- declare module "src/styles/chip/chip" {
12
- import { ComponentStyles } from "src/styles/index";
13
- const chipStyles: ComponentStyles;
14
- module '@mui/material/Chip' {
15
- interface ChipPropsColorOverrides {
16
- default: false;
17
- }
18
- }
19
- export { chipStyles };
20
- }
21
- declare module "src/styles/card/card" {
22
- import { ComponentStyles } from "src/styles/index";
23
- const cardStyles: ComponentStyles;
24
- export { cardStyles };
25
- }
26
- declare module "src/styles/colors" {
27
- export const colors: {
28
- primary: {
29
- blue: {
30
- 50: string;
31
- 100: string;
32
- 200: string;
33
- 400: string;
34
- 500: string;
35
- 600: string;
36
- };
37
- coral: {
38
- 50: string;
39
- 100: string;
40
- 200: string;
41
- 400: string;
42
- 500: string;
43
- 600: string;
44
- };
45
- };
46
- secondary: {
47
- cream: {
48
- 500: string;
49
- };
50
- peach: {
51
- 500: string;
52
- };
53
- green: {
54
- 500: string;
55
- };
56
- };
57
- semantic: {
58
- yellow: {
59
- 50: string;
60
- 100: string;
61
- 200: string;
62
- 400: string;
63
- 500: string;
64
- 600: string;
65
- };
66
- red: {
67
- 50: string;
68
- 100: string;
69
- 200: string;
70
- 400: string;
71
- 500: string;
72
- 600: string;
73
- };
74
- green: {
75
- 50: string;
76
- 100: string;
77
- 200: string;
78
- 400: string;
79
- 500: string;
80
- 600: string;
81
- };
82
- blue: {
83
- 50: string;
84
- 100: string;
85
- 200: string;
86
- 400: string;
87
- 500: string;
88
- 600: string;
89
- };
90
- neutral: {
91
- 50: string;
92
- 100: string;
93
- 200: string;
94
- 400: string;
95
- 500: string;
96
- 600: string;
97
- };
98
- };
99
- neutral: {
100
- white: string;
101
- black: string;
102
- grey: {
103
- 0: string;
104
- 25: string;
105
- 50: string;
106
- 100: string;
107
- 200: string;
108
- 300: string;
109
- 400: string;
110
- 700: string;
111
- 900: string;
112
- 950: string;
113
- };
114
- };
115
- };
116
- }
117
- declare module "src/styles/alert/alert" {
118
- import { ComponentStyles } from "src/styles/index";
119
- const alertStyles: ComponentStyles;
120
- module '@mui/material/Alert' {
121
- interface AlertPropsSeverityOverrides {
122
- neutral: true;
123
- }
124
- interface AlertPropsVariantOverrides {
125
- dark: true;
126
- }
127
- interface AlertPropsColorOverrides {
128
- neutral: true;
129
- primary: true;
130
- }
131
- }
132
- export { alertStyles };
133
- }
134
- declare module "src/styles/tooltip/tooltip" {
135
- import { ComponentStyles } from "src/styles/index";
136
- const tooltipStyles: ComponentStyles;
137
- export { tooltipStyles };
138
- }
139
- declare module "src/styles/form/form" {
140
- import { ComponentStyles } from "src/styles/index";
141
- const formStyles: ComponentStyles;
142
- export { formStyles };
143
- }
144
- declare module "src/styles/list/list" {
145
- import { ComponentStyles } from "src/styles/index";
146
- const listStyles: ComponentStyles;
147
- export { listStyles };
148
- }
149
- declare module "src/styles/input/input" {
150
- import { ComponentStyles } from "src/styles/index";
151
- const inputStyles: ComponentStyles;
152
- export { inputStyles };
153
- }
154
- declare module "src/styles/typography" {
155
- import { TypographyOptions } from "@mui/material/styles/createTypography";
156
- export const typography: TypographyOptions;
157
- }
158
- declare module "src/styles/dialog/dialog" {
159
- import { ComponentStyles } from "src/styles/index";
160
- const dialogStyles: ComponentStyles;
161
- export { dialogStyles };
162
- }
163
- declare module "src/styles/palette" {
164
- import { PaletteOptions } from '@mui/material';
165
- const palette: PaletteOptions;
166
- module '@mui/material/styles' {
167
- interface Palette {
168
- inherit: PaletteColor;
169
- neutral: PaletteColor;
170
- }
171
- interface PaletteColor {
172
- lighter: string;
173
- text: string;
174
- hover: string;
175
- transparent: string;
176
- }
177
- interface SimplePaletteColorOptions {
178
- lighter: string;
179
- hover: string;
180
- text: string;
181
- transparent: string;
182
- }
183
- interface PaletteOptions {
184
- neutral: SimplePaletteColorOptions;
185
- }
186
- }
187
- export { palette };
188
- }
189
- declare module "src/styles/index" {
190
- import { ThemeOptions } from '@mui/material';
191
- export type ComponentStyles = ThemeOptions['components'];
192
- const theme: import("@mui/material").Theme;
193
- module '@mui/material/styles' {
194
- interface Theme {
195
- transparent: {
196
- primary: string;
197
- secondary: string;
198
- info: string;
199
- warning: string;
200
- success: string;
201
- error: string;
202
- inherit: string;
203
- };
204
- }
205
- interface ThemeOptions {
206
- transparent?: {
207
- primary?: string;
208
- secondary?: string;
209
- info?: string;
210
- warning?: string;
211
- success?: string;
212
- error?: string;
213
- inherit?: string;
214
- };
215
- }
216
- }
217
- export { theme };
218
- }
219
- declare module "src/themes" {
220
- export interface ThemeProp {
221
- name: string;
222
- primary: string;
223
- transparentPrimary: string;
224
- secondary: string;
225
- transparentSecondary: string;
226
- success: string;
227
- transparentSuccess: string;
228
- inverted: string;
229
- contrastText: string;
230
- background: {
231
- default: string;
232
- home: string;
233
- };
234
- progress: {
235
- bar: string | {
236
- xs: string;
237
- md: string;
238
- };
239
- steps: string[];
240
- };
241
- nav: {
242
- home: {
243
- background: string;
244
- contrastText: string;
245
- };
246
- default: {
247
- background: string;
248
- contrastText: string;
249
- };
250
- };
251
- }
252
- export const themes: {
253
- [key: string]: ThemeProp;
254
- };
255
- export const defaultTheme = "spesiaTheme";
256
- }
257
- declare module "src/components/Logo/Logo" {
258
- export interface LogoProps {
259
- withText?: boolean;
260
- alt?: string;
261
- height?: number;
262
- width?: number;
263
- color?: 'blue' | 'black' | 'white';
264
- }
265
- const Logo: ({ withText, color, height, width, ...rest }: LogoProps) => import("react/jsx-runtime").JSX.Element | null;
266
- export default Logo;
267
- }
268
- declare module "src/components/index" {
269
- export { default as Logo } from "src/components/Logo/Logo";
270
- }
271
- declare module "src/index" {
272
- export { theme } from "src/styles/index";
273
- export { colors } from "src/styles/colors";
274
- export { themes, defaultTheme } from "src/themes";
275
- export * from "src/components/index";
276
- }
277
- declare module "src/components/Logo/stories/Logo.stories" {
278
- import type { StoryObj } from '@storybook/react';
279
- const meta: {
280
- title: string;
281
- component: ({ withText, color, height, width, ...rest }: import("src/components/Logo/Logo").LogoProps) => import("react/jsx-runtime").JSX.Element | null;
282
- parameters: {
283
- layout: string;
284
- docs: {
285
- description: {
286
- component: string;
287
- };
288
- };
289
- };
290
- tags: string[];
291
- };
292
- export default meta;
293
- type Story = StoryObj<typeof meta>;
294
- export const Default: Story;
295
- export const WithText: Story;
296
- export const SpesiaBlue: Story;
297
- export const SpesiaWhite: Story;
298
- export const SpecificWidth: Story;
299
- export const SpecificHeight: Story;
300
- }
301
- declare module "stories/components/Alert/Alert.stories" {
302
- import type { Meta, StoryObj } from '@storybook/react';
303
- const meta: Meta;
304
- export default meta;
305
- type Story = StoryObj<typeof meta>;
306
- export const Default: Story;
307
- export const Filled: Story;
308
- export const Outlined: Story;
309
- export const Dark: Story;
310
- export const Brand: Story;
311
- export const WithTitle: Story;
312
- export const DefaultWithIcon: Story;
313
- }
314
- declare module "stories/components/Button/Button.stories" {
315
- import type { Meta, StoryObj } from '@storybook/react';
316
- const meta: Meta;
317
- export default meta;
318
- type Story = StoryObj<typeof meta>;
319
- export const Default: Story;
320
- export const Contained: Story;
321
- export const Outlined: Story;
322
- export const WithIcon: Story;
323
- export const Disabled: Story;
324
- }
325
- declare module "stories/components/Card/Card.stories" {
326
- import type { Meta, StoryObj } from '@storybook/react';
327
- const meta: Meta;
328
- export default meta;
329
- type Story = StoryObj<typeof meta>;
330
- export const Default: Story;
331
- export const WithHeader: Story;
332
- export const WithMedia: Story;
333
- }
334
- declare module "stories/components/Chip/Chip.stories" {
335
- import type { Meta, StoryObj } from '@storybook/react';
336
- const meta: Meta;
337
- export default meta;
338
- type Story = StoryObj<typeof meta>;
339
- export const Default: Story;
340
- export const Filled: Story;
341
- export const Outlined: Story;
342
- export const WithIcon: Story;
343
- }
344
- declare module "stories/components/Dialog/Dialog.stories" {
345
- import type { Meta, StoryObj } from '@storybook/react';
346
- const meta: Meta;
347
- export default meta;
348
- type Story = StoryObj<typeof meta>;
349
- export const Default: Story;
350
- export const WithHeader: Story;
351
- }
352
- declare module "stories/components/TextField/TextField.stories" {
353
- import type { Meta, StoryObj } from '@storybook/react';
354
- const meta: Meta;
355
- export default meta;
356
- type Story = StoryObj<typeof meta>;
357
- export const Default: Story;
358
- export const Filled: Story;
359
- export const Outlined: Story;
360
- export const WithIcon: Story;
361
- }
1
+ export { theme } from './styles';
2
+ export { colors } from './styles/colors';
3
+ export { themes, defaultTheme } from './themes';
4
+ export * from './components';