@nation-a/ui 0.0.2 → 0.1.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 (6) hide show
  1. package/dist/types/ThemeProvider/ThemeProvider.d.ts +901 -0
  2. package/dist/types/ui/color-mode.d.ts +21 -0
  3. package/dist/types/ui/provider.d.ts +2 -0
  4. package/dist/types/ui/toaster.d.ts +2 -0
  5. package/dist/types/ui/tooltip.d.ts +11 -0
  6. package/package.json +8 -3
package/dist/types/ThemeProvider/ThemeProvider.d.ts ADDED
@@ -0,0 +1,901 @@
1
+ import { default as React } from 'react';
2
+ export declare const useTheme: () => {
3
+ semantic: {
4
+ colors: {
5
+ content: {
6
+ neutral: {
7
+ bold: {
8
+ value: string;
9
+ };
10
+ default: {
11
+ value: string;
12
+ };
13
+ subtle: {
14
+ value: string;
15
+ };
16
+ subtlest: {
17
+ value: string;
18
+ };
19
+ disabled: {
20
+ value: string;
21
+ };
22
+ default_inverse: {
23
+ value: string;
24
+ };
25
+ };
26
+ neuroidPrimary: {
27
+ default: {
28
+ value: string;
29
+ };
30
+ default_inverse: {
31
+ value: string;
32
+ };
33
+ };
34
+ danger: {
35
+ default: {
36
+ value: string;
37
+ };
38
+ };
39
+ warning: {
40
+ default: {
41
+ value: string;
42
+ };
43
+ };
44
+ success: {
45
+ default: {
46
+ value: string;
47
+ };
48
+ };
49
+ informative: {
50
+ default: {
51
+ value: string;
52
+ };
53
+ };
54
+ zoltarinaPrimary: {
55
+ default: {
56
+ value: string;
57
+ };
58
+ defult_inverse: {
59
+ value: string;
60
+ };
61
+ };
62
+ heydPrimary: {
63
+ default: {
64
+ value: string;
65
+ };
66
+ defult_inverse: {
67
+ value: string;
68
+ };
69
+ };
70
+ };
71
+ background: {
72
+ neutral: {
73
+ default: {
74
+ value: string;
75
+ };
76
+ selected: {
77
+ value: string;
78
+ };
79
+ disabled: {
80
+ value: string;
81
+ };
82
+ };
83
+ neuroidPrimary: {
84
+ default: {
85
+ value: string;
86
+ };
87
+ selected: {
88
+ value: string;
89
+ };
90
+ disabled: {
91
+ value: string;
92
+ };
93
+ };
94
+ neuroidSecondary: {
95
+ default: {
96
+ value: string;
97
+ };
98
+ selected: {
99
+ value: string;
100
+ };
101
+ disabled: {
102
+ value: string;
103
+ };
104
+ };
105
+ danger: {
106
+ default: {
107
+ value: string;
108
+ };
109
+ selected: {
110
+ value: string;
111
+ };
112
+ disabled: {
113
+ value: string;
114
+ };
115
+ };
116
+ warning: {
117
+ default: {
118
+ value: string;
119
+ };
120
+ selected: {
121
+ value: string;
122
+ };
123
+ disabled: {
124
+ value: string;
125
+ };
126
+ };
127
+ success: {
128
+ default: {
129
+ value: string;
130
+ };
131
+ selected: {
132
+ value: string;
133
+ };
134
+ disabled: {
135
+ value: string;
136
+ };
137
+ };
138
+ informative: {
139
+ default: {
140
+ value: string;
141
+ };
142
+ selected: {
143
+ value: string;
144
+ };
145
+ disabled: {
146
+ value: string;
147
+ };
148
+ };
149
+ zoltarinaPrimary: {
150
+ default: {
151
+ value: string;
152
+ };
153
+ selected: {
154
+ value: string;
155
+ };
156
+ disabled: {
157
+ value: string;
158
+ };
159
+ };
160
+ zoltarinaSecondary: {
161
+ default: {
162
+ value: string;
163
+ };
164
+ selected: {
165
+ value: string;
166
+ };
167
+ disabled: {
168
+ value: string;
169
+ };
170
+ };
171
+ heydPrimary: {
172
+ default: {
173
+ value: string;
174
+ };
175
+ selected: {
176
+ value: string;
177
+ };
178
+ disabled: {
179
+ value: string;
180
+ };
181
+ };
182
+ heydSecondary: {
183
+ default: {
184
+ value: string;
185
+ };
186
+ selected: {
187
+ value: string;
188
+ };
189
+ disabled: {
190
+ value: string;
191
+ };
192
+ };
193
+ };
194
+ surface: {
195
+ base: {
196
+ value: string;
197
+ };
198
+ layer_1: {
199
+ value: string;
200
+ };
201
+ layer_2: {
202
+ value: string;
203
+ };
204
+ };
205
+ shadow: {
206
+ overlay: {
207
+ value: string;
208
+ };
209
+ raised: {
210
+ value: string;
211
+ };
212
+ };
213
+ scrim: {
214
+ default: {
215
+ value: string;
216
+ };
217
+ };
218
+ skeleton: {
219
+ default: {
220
+ value: string;
221
+ };
222
+ subtle: {
223
+ value: string;
224
+ };
225
+ };
226
+ border: {
227
+ neutral: {
228
+ default: {
229
+ value: string;
230
+ };
231
+ subtle: {
232
+ value: string;
233
+ };
234
+ disabled: {
235
+ value: string;
236
+ };
237
+ };
238
+ neuroidPrimary: {
239
+ default: {
240
+ value: string;
241
+ };
242
+ };
243
+ danger: {
244
+ default: {
245
+ value: string;
246
+ };
247
+ };
248
+ warning: {
249
+ default: {
250
+ value: string;
251
+ };
252
+ };
253
+ success: {
254
+ default: {
255
+ value: string;
256
+ };
257
+ };
258
+ informative: {
259
+ default: {
260
+ value: string;
261
+ };
262
+ };
263
+ zoltarinaPrimary: {
264
+ default: {
265
+ value: string;
266
+ };
267
+ };
268
+ heydPrimary: {
269
+ default: {
270
+ value: string;
271
+ };
272
+ };
273
+ };
274
+ };
275
+ shadows: {
276
+ raised: {
277
+ value: string;
278
+ };
279
+ overlay: {
280
+ value: string;
281
+ };
282
+ };
283
+ };
284
+ primitive: {
285
+ colors: {
286
+ neutral: {
287
+ "0": {
288
+ value: string;
289
+ };
290
+ "100": {
291
+ value: string;
292
+ };
293
+ "200": {
294
+ value: string;
295
+ };
296
+ "300": {
297
+ value: string;
298
+ };
299
+ "400": {
300
+ value: string;
301
+ };
302
+ "500": {
303
+ value: string;
304
+ };
305
+ "600": {
306
+ value: string;
307
+ };
308
+ "700": {
309
+ value: string;
310
+ };
311
+ "800": {
312
+ value: string;
313
+ };
314
+ "900": {
315
+ value: string;
316
+ };
317
+ "1000": {
318
+ value: string;
319
+ };
320
+ "1100": {
321
+ value: string;
322
+ };
323
+ };
324
+ black: {
325
+ "700A": {
326
+ value: string;
327
+ };
328
+ "600A": {
329
+ value: string;
330
+ };
331
+ "500A": {
332
+ value: string;
333
+ };
334
+ "400A": {
335
+ value: string;
336
+ };
337
+ "300A": {
338
+ value: string;
339
+ };
340
+ "200A": {
341
+ value: string;
342
+ };
343
+ "100A": {
344
+ value: string;
345
+ };
346
+ };
347
+ white: {
348
+ "700A": {
349
+ value: string;
350
+ };
351
+ "600A": {
352
+ value: string;
353
+ };
354
+ "500A": {
355
+ value: string;
356
+ };
357
+ "400A": {
358
+ value: string;
359
+ };
360
+ "300A": {
361
+ value: string;
362
+ };
363
+ "200A": {
364
+ value: string;
365
+ };
366
+ "100A": {
367
+ value: string;
368
+ };
369
+ };
370
+ red: {
371
+ "100": {
372
+ value: string;
373
+ };
374
+ "200": {
375
+ value: string;
376
+ };
377
+ "300": {
378
+ value: string;
379
+ };
380
+ "400": {
381
+ value: string;
382
+ };
383
+ "500": {
384
+ value: string;
385
+ };
386
+ "600": {
387
+ value: string;
388
+ };
389
+ "700": {
390
+ value: string;
391
+ };
392
+ "800": {
393
+ value: string;
394
+ };
395
+ "900": {
396
+ value: string;
397
+ };
398
+ "1000": {
399
+ value: string;
400
+ };
401
+ };
402
+ yellow: {
403
+ "100": {
404
+ value: string;
405
+ };
406
+ "200": {
407
+ value: string;
408
+ };
409
+ "300": {
410
+ value: string;
411
+ };
412
+ "400": {
413
+ value: string;
414
+ };
415
+ "500": {
416
+ value: string;
417
+ };
418
+ "600": {
419
+ value: string;
420
+ };
421
+ "700": {
422
+ value: string;
423
+ };
424
+ "800": {
425
+ value: string;
426
+ };
427
+ "900": {
428
+ value: string;
429
+ };
430
+ "1000": {
431
+ value: string;
432
+ };
433
+ };
434
+ blue: {
435
+ "100": {
436
+ value: string;
437
+ };
438
+ "200": {
439
+ value: string;
440
+ };
441
+ "300": {
442
+ value: string;
443
+ };
444
+ "400": {
445
+ value: string;
446
+ };
447
+ "500": {
448
+ value: string;
449
+ };
450
+ "600": {
451
+ value: string;
452
+ };
453
+ "700": {
454
+ value: string;
455
+ };
456
+ "800": {
457
+ value: string;
458
+ };
459
+ "900": {
460
+ value: string;
461
+ };
462
+ "1000": {
463
+ value: string;
464
+ };
465
+ };
466
+ green: {
467
+ "100": {
468
+ value: string;
469
+ };
470
+ "200": {
471
+ value: string;
472
+ };
473
+ "300": {
474
+ value: string;
475
+ };
476
+ "400": {
477
+ value: string;
478
+ };
479
+ "500": {
480
+ value: string;
481
+ };
482
+ "600": {
483
+ value: string;
484
+ };
485
+ "700": {
486
+ value: string;
487
+ };
488
+ "800": {
489
+ value: string;
490
+ };
491
+ "900": {
492
+ value: string;
493
+ };
494
+ "1000": {
495
+ value: string;
496
+ };
497
+ };
498
+ purple: {
499
+ "100": {
500
+ value: string;
501
+ };
502
+ "200": {
503
+ value: string;
504
+ };
505
+ "300": {
506
+ value: string;
507
+ };
508
+ "400": {
509
+ value: string;
510
+ };
511
+ "500": {
512
+ value: string;
513
+ };
514
+ "600": {
515
+ value: string;
516
+ };
517
+ "700": {
518
+ value: string;
519
+ };
520
+ "800": {
521
+ value: string;
522
+ };
523
+ "900": {
524
+ value: string;
525
+ };
526
+ "1000": {
527
+ value: string;
528
+ };
529
+ };
530
+ ohre: {
531
+ "100": {
532
+ value: string;
533
+ };
534
+ "200": {
535
+ value: string;
536
+ };
537
+ "300": {
538
+ value: string;
539
+ };
540
+ "400": {
541
+ value: string;
542
+ };
543
+ "500": {
544
+ value: string;
545
+ };
546
+ "600": {
547
+ value: string;
548
+ };
549
+ "700": {
550
+ value: string;
551
+ };
552
+ "800": {
553
+ value: string;
554
+ };
555
+ "900": {
556
+ value: string;
557
+ };
558
+ "1000": {
559
+ value: string;
560
+ };
561
+ };
562
+ cyan: {
563
+ "100": {
564
+ value: string;
565
+ };
566
+ "200": {
567
+ value: string;
568
+ };
569
+ "300": {
570
+ value: string;
571
+ };
572
+ "400": {
573
+ value: string;
574
+ };
575
+ "500": {
576
+ value: string;
577
+ };
578
+ "600": {
579
+ value: string;
580
+ };
581
+ "700": {
582
+ value: string;
583
+ };
584
+ "800": {
585
+ value: string;
586
+ };
587
+ "900": {
588
+ value: string;
589
+ };
590
+ "1000": {
591
+ value: string;
592
+ };
593
+ };
594
+ };
595
+ borderWidths: {
596
+ none: {
597
+ value: string;
598
+ };
599
+ sm: {
600
+ value: string;
601
+ };
602
+ md: {
603
+ value: string;
604
+ };
605
+ lg: {
606
+ value: string;
607
+ };
608
+ };
609
+ spacing: {
610
+ "0": {
611
+ value: string;
612
+ };
613
+ "1": {
614
+ value: string;
615
+ };
616
+ "2": {
617
+ value: string;
618
+ };
619
+ "3": {
620
+ value: string;
621
+ };
622
+ "4": {
623
+ value: string;
624
+ };
625
+ "6": {
626
+ value: string;
627
+ };
628
+ "8": {
629
+ value: string;
630
+ };
631
+ "12": {
632
+ value: string;
633
+ };
634
+ "20": {
635
+ value: string;
636
+ };
637
+ "30": {
638
+ value: string;
639
+ };
640
+ "56": {
641
+ value: string;
642
+ };
643
+ "72": {
644
+ value: string;
645
+ };
646
+ "98": {
647
+ value: string;
648
+ };
649
+ "128": {
650
+ value: string;
651
+ };
652
+ "160": {
653
+ value: string;
654
+ };
655
+ };
656
+ radii: {
657
+ none: {
658
+ value: string;
659
+ };
660
+ xs: {
661
+ value: string;
662
+ };
663
+ sm: {
664
+ value: string;
665
+ };
666
+ md: {
667
+ value: string;
668
+ };
669
+ lg: {
670
+ value: string;
671
+ };
672
+ full: {
673
+ value: string;
674
+ };
675
+ };
676
+ fontSizes: {
677
+ xs: {
678
+ value: string;
679
+ };
680
+ sm: {
681
+ value: string;
682
+ };
683
+ md: {
684
+ value: string;
685
+ };
686
+ lg: {
687
+ value: string;
688
+ };
689
+ xl: {
690
+ value: string;
691
+ };
692
+ "2xl": {
693
+ value: string;
694
+ };
695
+ "3xl": {
696
+ value: string;
697
+ };
698
+ "4xl": {
699
+ value: string;
700
+ };
701
+ };
702
+ letterSpacings: {
703
+ xs: {
704
+ value: string;
705
+ };
706
+ sm: {
707
+ value: string;
708
+ };
709
+ md: {
710
+ value: string;
711
+ };
712
+ lg: {
713
+ value: string;
714
+ };
715
+ xl: {
716
+ value: string;
717
+ };
718
+ "2xl": {
719
+ value: string;
720
+ };
721
+ "3xl": {
722
+ value: string;
723
+ };
724
+ };
725
+ lineHeights: {
726
+ md: {
727
+ value: string;
728
+ };
729
+ lg: {
730
+ value: string;
731
+ };
732
+ xl: {
733
+ value: string;
734
+ };
735
+ "2xl": {
736
+ value: string;
737
+ };
738
+ "3xl": {
739
+ value: string;
740
+ };
741
+ "4xl": {
742
+ value: string;
743
+ };
744
+ "5xl": {
745
+ value: string;
746
+ };
747
+ };
748
+ fontWeights: {
749
+ regular: {
750
+ value: string;
751
+ };
752
+ medium: {
753
+ value: string;
754
+ };
755
+ semibold: {
756
+ value: string;
757
+ };
758
+ bold: {
759
+ value: string;
760
+ };
761
+ regularItalic: {
762
+ value: string;
763
+ };
764
+ mediumItalic: {
765
+ value: string;
766
+ };
767
+ };
768
+ fonts: {
769
+ inter: {
770
+ value: string;
771
+ };
772
+ notoSans: {
773
+ value: string;
774
+ };
775
+ };
776
+ };
777
+ textStyles: {
778
+ body: {
779
+ md: {
780
+ value: {
781
+ fontFamily: string;
782
+ fontWeight: string;
783
+ fontSize: string;
784
+ lineHeight: string;
785
+ letterSpacing: string;
786
+ };
787
+ };
788
+ lg: {
789
+ value: {
790
+ fontFamily: string;
791
+ fontWeight: string;
792
+ fontSize: string;
793
+ lineHeight: string;
794
+ letterSpacing: string;
795
+ };
796
+ };
797
+ sm: {
798
+ value: {
799
+ fontSize: string;
800
+ fontWeight: string;
801
+ fontFamily: string;
802
+ lineHeight: string;
803
+ letterSpacing: string;
804
+ };
805
+ };
806
+ };
807
+ label: {
808
+ sm: {
809
+ value: {
810
+ fontFamily: string;
811
+ fontWeight: string;
812
+ fontSize: string;
813
+ lineHeight: string;
814
+ letterSpacing: string;
815
+ };
816
+ };
817
+ md: {
818
+ value: {
819
+ fontFamily: string;
820
+ fontWeight: string;
821
+ fontSize: string;
822
+ lineHeight: string;
823
+ letterSpacing: string;
824
+ };
825
+ };
826
+ };
827
+ title: {
828
+ sm: {
829
+ value: {
830
+ fontFamily: string;
831
+ fontWeight: string;
832
+ fontSize: string;
833
+ lineHeight: string;
834
+ letterSpacing: string;
835
+ };
836
+ };
837
+ md: {
838
+ value: {
839
+ fontFamily: string;
840
+ fontWeight: string;
841
+ fontSize: string;
842
+ lineHeight: string;
843
+ letterSpacing: string;
844
+ };
845
+ };
846
+ lg: {
847
+ value: {
848
+ fontFamily: string;
849
+ fontWeight: string;
850
+ fontSize: string;
851
+ lineHeight: string;
852
+ letterSpacing: string;
853
+ };
854
+ };
855
+ };
856
+ headline: {
857
+ sm: {
858
+ value: {
859
+ fontFamily: string;
860
+ fontWeight: string;
861
+ fontSize: string;
862
+ lineHeight: string;
863
+ letterSpacing: string;
864
+ };
865
+ };
866
+ md: {
867
+ value: {
868
+ fontFamily: string;
869
+ fontWeight: string;
870
+ fontSize: string;
871
+ lineHeight: string;
872
+ letterSpacing: string;
873
+ };
874
+ };
875
+ };
876
+ display: {
877
+ md: {
878
+ value: {
879
+ fontFamily: string;
880
+ fontWeight: string;
881
+ fontSize: string;
882
+ lineHeight: string;
883
+ letterSpacing: string;
884
+ };
885
+ };
886
+ lg: {
887
+ value: {
888
+ fontFamily: string;
889
+ fontWeight: string;
890
+ fontSize: string;
891
+ lineHeight: string;
892
+ letterSpacing: string;
893
+ };
894
+ };
895
+ };
896
+ };
897
+ };
898
+ export declare const ThemeProvider: React.FC<{
899
+ children: React.ReactNode;
900
+ }>;
901
+ export default ThemeProvider;
package/dist/types/ui/color-mode.d.ts ADDED
@@ -0,0 +1,21 @@
1
+ import { IconButtonProps, SpanProps } from '@chakra-ui/react';
2
+ import { ThemeProviderProps } from 'next-themes';
3
+ import * as React from "react";
4
+ export interface ColorModeProviderProps extends ThemeProviderProps {
5
+ }
6
+ export declare function ColorModeProvider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
7
+ export type ColorMode = "light" | "dark";
8
+ export interface UseColorModeReturn {
9
+ colorMode: ColorMode;
10
+ setColorMode: (colorMode: ColorMode) => void;
11
+ toggleColorMode: () => void;
12
+ }
13
+ export declare function useColorMode(): UseColorModeReturn;
14
+ export declare function useColorModeValue<T>(light: T, dark: T): T;
15
+ export declare function ColorModeIcon(): import("react/jsx-runtime").JSX.Element;
16
+ interface ColorModeButtonProps extends Omit<IconButtonProps, "aria-label"> {
17
+ }
18
+ export declare const ColorModeButton: React.ForwardRefExoticComponent<ColorModeButtonProps & React.RefAttributes<HTMLButtonElement>>;
19
+ export declare const LightMode: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
20
+ export declare const DarkMode: React.ForwardRefExoticComponent<SpanProps & React.RefAttributes<HTMLSpanElement>>;
21
+ export {};
package/dist/types/ui/provider.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import { ColorModeProviderProps } from './color-mode';
2
+ export declare function Provider(props: ColorModeProviderProps): import("react/jsx-runtime").JSX.Element;
package/dist/types/ui/toaster.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export declare const toaster: import('@chakra-ui/react').CreateToasterReturn;
2
+ export declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
package/dist/types/ui/tooltip.d.ts ADDED
@@ -0,0 +1,11 @@
1
+ import { Tooltip as ChakraTooltip } from '@chakra-ui/react';
2
+ import * as React from "react";
3
+ export interface TooltipProps extends ChakraTooltip.RootProps {
4
+ showArrow?: boolean;
5
+ portalled?: boolean;
6
+ portalRef?: React.RefObject<HTMLElement>;
7
+ content: React.ReactNode;
8
+ contentProps?: ChakraTooltip.ContentProps;
9
+ disabled?: boolean;
10
+ }
11
+ export declare const Tooltip: React.ForwardRefExoticComponent<TooltipProps & React.RefAttributes<HTMLDivElement>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nation-a/ui",
3
- "version": "0.0.2",
3
+ "version": "0.1.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.cjs.js",
6
6
  "module": "./dist/index.es.js",
@@ -12,10 +12,14 @@
12
12
  "access": "public"
13
13
  },
14
14
  "dependencies": {
15
- "@emotion/react": "^11.13.3",
15
+ "@chakra-ui/react": "^3.13.0",
16
+ "@emotion/react": "^11.14.0",
16
17
  "@emotion/styled": "^11.13.0",
18
+ "clear": "^0.1.0",
19
+ "next-themes": "^0.4.6",
17
20
  "react": "^18.2.0",
18
21
  "react-dom": "^18.2.0",
22
+ "react-icons": "^5.5.0",
19
23
  "@nation-a/tokens": "0.1.0"
20
24
  },
21
25
  "devDependencies": {
@@ -27,7 +31,8 @@
27
31
  "eslint": "^8.40.0",
28
32
  "typescript": "^5.7.3",
29
33
  "vite": "^6.0.11",
30
- "vite-plugin-dts": "^4.5.0"
34
+ "vite-plugin-dts": "^4.5.0",
35
+ "vite-tsconfig-paths": "^5.1.4"
31
36
  },
32
37
  "peerDependencies": {
33
38
  "react": ">=18.2.0"