@pingux/astro 2.123.1-alpha.0 → 2.124.0-alpha.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 (16) hide show
  1. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.d.ts +144 -1
  2. package/lib/cjs/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +144 -1
  3. package/lib/cjs/styles/themes/next-gen/colors/colors.d.ts +4 -0
  4. package/lib/cjs/styles/themes/next-gen/convertedComponentList.d.ts +0 -1
  5. package/lib/cjs/styles/themes/next-gen/convertedComponentList.js +0 -1
  6. package/lib/cjs/styles/themes/next-gen/next-gen.d.ts +311 -11
  7. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts +4 -0
  8. package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js +4 -0
  9. package/lib/cjs/styles/themes/next-gen/variants/button.d.ts +292 -6
  10. package/lib/cjs/styles/themes/next-gen/variants/button.js +161 -24
  11. package/lib/cjs/styles/themes/next-gen/variants/links.d.ts +15 -5
  12. package/lib/styles/themeOverrides/nextGenDarkMode/variants/buttons.js +144 -1
  13. package/lib/styles/themes/next-gen/convertedComponentList.js +0 -1
  14. package/lib/styles/themes/next-gen/tokens/colorTokens.js +4 -0
  15. package/lib/styles/themes/next-gen/variants/button.js +161 -24
  16. package/package.json +1 -1
package/lib/cjs/styles/themes/next-gen/next-gen.d.ts CHANGED
@@ -210,8 +210,12 @@ declare const _default: {
210
210
  link: string;
211
211
  label: string;
212
212
  };
213
+ active_hover: string;
214
+ active_pressed: string;
213
215
  active_light: string;
214
216
  success_light: string;
217
+ critical_hover: string;
218
+ critical_pressed: string;
215
219
  critical_light: string;
216
220
  warning_light: string;
217
221
  lightblue: string;
@@ -298,7 +302,14 @@ declare const _default: {
298
302
  borderColor: string;
299
303
  };
300
304
  '&.is-hovered': {
305
+ boxShadow: string;
306
+ backgroundColor: string;
307
+ borderColor: string;
308
+ };
309
+ '&.is-focused': {
301
310
  backgroundColor: string;
311
+ borderColor: string;
312
+ outline: string;
302
313
  };
303
314
  alignItems: string;
304
315
  justifyContent: string;
@@ -321,11 +332,6 @@ declare const _default: {
321
332
  '&.is-disabled': {
322
333
  opacity: number;
323
334
  };
324
- '&.is-focused': {
325
- outline: string;
326
- outlineColor: string;
327
- outlineOffset: string;
328
- };
329
335
  transition: string;
330
336
  };
331
337
  default: {
@@ -336,10 +342,18 @@ declare const _default: {
336
342
  backgroundColor: string;
337
343
  borderColor: string;
338
344
  color: string;
345
+ path: {
346
+ fill: string;
347
+ };
339
348
  };
340
349
  '&.is-hovered': {
350
+ boxShadow: string;
341
351
  backgroundColor: string;
352
+ borderColor: string;
342
353
  color: string;
354
+ path: {
355
+ fill: string;
356
+ };
343
357
  };
344
358
  alignItems: string;
345
359
  justifyContent: string;
@@ -373,6 +387,9 @@ declare const _default: {
373
387
  backgroundColor: string;
374
388
  borderColor: string;
375
389
  color: string;
390
+ '&.is-hovered': {
391
+ boxShadow: string;
392
+ };
376
393
  alignItems: string;
377
394
  justifyContent: string;
378
395
  minWidth: string;
@@ -431,6 +448,9 @@ declare const _default: {
431
448
  outlineColor: string;
432
449
  outlineOffset: string;
433
450
  };
451
+ '&.is-hovered': {
452
+ boxShadow: string;
453
+ };
434
454
  transition: string;
435
455
  };
436
456
  critical: {
@@ -448,7 +468,9 @@ declare const _default: {
448
468
  borderColor: string;
449
469
  };
450
470
  '&.is-hovered': {
471
+ boxShadow: string;
451
472
  backgroundColor: string;
473
+ borderColor: string;
452
474
  color: string;
453
475
  };
454
476
  alignItems: string;
@@ -474,6 +496,99 @@ declare const _default: {
474
496
  };
475
497
  transition: string;
476
498
  };
499
+ inline: {
500
+ display: string;
501
+ height: string;
502
+ lineHeight: number;
503
+ fontSize: string;
504
+ borderRadius: string;
505
+ border: string;
506
+ alignSelf: string;
507
+ paddingTop: string;
508
+ paddingBottom: string;
509
+ backgroundColor: string;
510
+ color: string;
511
+ borderColor: string;
512
+ '&.is-pressed': {
513
+ backgroundColor: string;
514
+ borderColor: string;
515
+ color: string;
516
+ };
517
+ '&.is-hovered': {
518
+ boxShadow: string;
519
+ backgroundColor: string;
520
+ borderColor: string;
521
+ color: string;
522
+ path: {
523
+ fill: string;
524
+ };
525
+ };
526
+ alignItems: string;
527
+ justifyContent: string;
528
+ minWidth: string;
529
+ cursor: string;
530
+ maxWidth: string;
531
+ fontFamily: string;
532
+ flexGrow: string;
533
+ fontWeight: number;
534
+ textAlign: string;
535
+ verticalAlign: string;
536
+ px: string;
537
+ py: string;
538
+ '&.is-disabled': {
539
+ opacity: number;
540
+ };
541
+ '&.is-focused': {
542
+ outline: string;
543
+ outlineColor: string;
544
+ outlineOffset: string;
545
+ };
546
+ transition: string;
547
+ };
548
+ inlinePrimary: {
549
+ display: string;
550
+ height: string;
551
+ lineHeight: number;
552
+ fontSize: string;
553
+ borderRadius: string;
554
+ border: string;
555
+ alignSelf: string;
556
+ paddingTop: string;
557
+ paddingBottom: string;
558
+ backgroundColor: string;
559
+ color: string;
560
+ borderColor: string;
561
+ '&.is-pressed': {
562
+ backgroundColor: string;
563
+ borderColor: string;
564
+ };
565
+ '&.is-hovered': {
566
+ boxShadow: string;
567
+ backgroundColor: string;
568
+ borderColor: string;
569
+ };
570
+ '&.is-focused': {
571
+ backgroundColor: string;
572
+ borderColor: string;
573
+ outline: string;
574
+ };
575
+ alignItems: string;
576
+ justifyContent: string;
577
+ minWidth: string;
578
+ cursor: string;
579
+ maxWidth: string;
580
+ fontFamily: string;
581
+ flexGrow: string;
582
+ fontWeight: number;
583
+ textAlign: string;
584
+ verticalAlign: string;
585
+ px: string;
586
+ py: string;
587
+ '&.is-disabled': {
588
+ opacity: number;
589
+ };
590
+ transition: string;
591
+ };
477
592
  checkboxButton: {
478
593
  backgroundColor: string;
479
594
  borderColor: string;
@@ -504,6 +619,9 @@ declare const _default: {
504
619
  outlineColor: string;
505
620
  outlineOffset: string;
506
621
  };
622
+ '&.is-hovered': {
623
+ boxShadow: string;
624
+ };
507
625
  transition: string;
508
626
  };
509
627
  checkboxActiveButton: {
@@ -536,6 +654,9 @@ declare const _default: {
536
654
  outlineColor: string;
537
655
  outlineOffset: string;
538
656
  };
657
+ '&.is-hovered': {
658
+ boxShadow: string;
659
+ };
539
660
  transition: string;
540
661
  };
541
662
  outlineCritical: {
@@ -569,6 +690,9 @@ declare const _default: {
569
690
  '&.is-disabled': {
570
691
  opacity: number;
571
692
  };
693
+ '&.is-hovered': {
694
+ boxShadow: string;
695
+ };
572
696
  transition: string;
573
697
  };
574
698
  link: {
@@ -590,6 +714,9 @@ declare const _default: {
590
714
  };
591
715
  withIcon: {
592
716
  display: string;
717
+ path: {
718
+ fill: string;
719
+ };
593
720
  backgroundColor: string;
594
721
  borderColor: string;
595
722
  color: string;
@@ -597,10 +724,18 @@ declare const _default: {
597
724
  backgroundColor: string;
598
725
  borderColor: string;
599
726
  color: string;
727
+ path: {
728
+ fill: string;
729
+ };
600
730
  };
601
731
  '&.is-hovered': {
732
+ boxShadow: string;
602
733
  backgroundColor: string;
734
+ borderColor: string;
603
735
  color: string;
736
+ path: {
737
+ fill: string;
738
+ };
604
739
  };
605
740
  alignItems: string;
606
741
  justifyContent: string;
@@ -639,7 +774,14 @@ declare const _default: {
639
774
  borderColor: string;
640
775
  };
641
776
  '&.is-hovered': {
777
+ boxShadow: string;
642
778
  backgroundColor: string;
779
+ borderColor: string;
780
+ };
781
+ '&.is-focused': {
782
+ backgroundColor: string;
783
+ borderColor: string;
784
+ outline: string;
643
785
  };
644
786
  alignItems: string;
645
787
  justifyContent: string;
@@ -661,6 +803,53 @@ declare const _default: {
661
803
  '&.is-disabled': {
662
804
  opacity: number;
663
805
  };
806
+ transition: string;
807
+ };
808
+ inlineWithIcon: {
809
+ display: string;
810
+ path: {
811
+ fill: string;
812
+ };
813
+ height: string;
814
+ lineHeight: number;
815
+ fontSize: string;
816
+ borderRadius: string;
817
+ border: string;
818
+ alignSelf: string;
819
+ paddingTop: string;
820
+ paddingBottom: string;
821
+ backgroundColor: string;
822
+ color: string;
823
+ borderColor: string;
824
+ '&.is-pressed': {
825
+ backgroundColor: string;
826
+ borderColor: string;
827
+ color: string;
828
+ };
829
+ '&.is-hovered': {
830
+ boxShadow: string;
831
+ backgroundColor: string;
832
+ borderColor: string;
833
+ color: string;
834
+ path: {
835
+ fill: string;
836
+ };
837
+ };
838
+ alignItems: string;
839
+ justifyContent: string;
840
+ minWidth: string;
841
+ cursor: string;
842
+ maxWidth: string;
843
+ fontFamily: string;
844
+ flexGrow: string;
845
+ fontWeight: number;
846
+ textAlign: string;
847
+ verticalAlign: string;
848
+ px: string;
849
+ py: string;
850
+ '&.is-disabled': {
851
+ opacity: number;
852
+ };
664
853
  '&.is-focused': {
665
854
  outline: string;
666
855
  outlineColor: string;
@@ -668,6 +857,107 @@ declare const _default: {
668
857
  };
669
858
  transition: string;
670
859
  };
860
+ inlinePrimaryWithIcon: {
861
+ display: string;
862
+ color: string;
863
+ height: string;
864
+ lineHeight: number;
865
+ fontSize: string;
866
+ borderRadius: string;
867
+ border: string;
868
+ alignSelf: string;
869
+ paddingTop: string;
870
+ paddingBottom: string;
871
+ backgroundColor: string;
872
+ borderColor: string;
873
+ '&.is-pressed': {
874
+ backgroundColor: string;
875
+ borderColor: string;
876
+ };
877
+ '&.is-hovered': {
878
+ boxShadow: string;
879
+ backgroundColor: string;
880
+ borderColor: string;
881
+ };
882
+ '&.is-focused': {
883
+ backgroundColor: string;
884
+ borderColor: string;
885
+ outline: string;
886
+ };
887
+ alignItems: string;
888
+ justifyContent: string;
889
+ minWidth: string;
890
+ cursor: string;
891
+ maxWidth: string;
892
+ fontFamily: string;
893
+ flexGrow: string;
894
+ fontWeight: number;
895
+ textAlign: string;
896
+ verticalAlign: string;
897
+ px: string;
898
+ py: string;
899
+ '&.is-disabled': {
900
+ opacity: number;
901
+ };
902
+ transition: string;
903
+ };
904
+ colorBlock: {
905
+ bg: string;
906
+ borderColor: string;
907
+ borderRadius: string;
908
+ width: number;
909
+ height: number;
910
+ p: string;
911
+ '&.is-hovered': {
912
+ boxShadow: string;
913
+ bg: string;
914
+ borderColor: string;
915
+ };
916
+ '&.is-focused': {
917
+ outline: string;
918
+ outlineColor: string;
919
+ outlineOffset: string;
920
+ };
921
+ '&.is-pressed': {
922
+ bg: string;
923
+ borderColor: string;
924
+ };
925
+ '&>svg': {
926
+ color: string;
927
+ fill: string;
928
+ };
929
+ };
930
+ colorBlockPrimary: {
931
+ bg: string;
932
+ borderColor: string;
933
+ '& span': {
934
+ color: string;
935
+ textAlign: string;
936
+ };
937
+ '&.is-hovered': {
938
+ boxShadow: string;
939
+ backgroundColor: string;
940
+ borderColor: string;
941
+ color: string;
942
+ };
943
+ '&.is-pressed': {
944
+ backgroundColor: string;
945
+ borderColor: string;
946
+ };
947
+ '&.is-focused': {
948
+ backgroundColor: string;
949
+ borderColor: string;
950
+ outline: string;
951
+ };
952
+ borderRadius: string;
953
+ width: number;
954
+ height: number;
955
+ p: string;
956
+ '&>svg': {
957
+ color: string;
958
+ fill: string;
959
+ };
960
+ };
671
961
  iconButtons: {
672
962
  base: {
673
963
  cursor: string;
@@ -1013,9 +1303,9 @@ declare const _default: {
1013
1303
  };
1014
1304
  '&.is-hovered': {
1015
1305
  border: string;
1016
- boxShadow: string;
1017
1306
  borderColor: string;
1018
1307
  backgroundColor: string;
1308
+ boxShadow: string;
1019
1309
  };
1020
1310
  '&.is-disabled': {
1021
1311
  backgroundColor: string;
@@ -2024,10 +2314,18 @@ declare const _default: {
2024
2314
  backgroundColor: string;
2025
2315
  borderColor: string;
2026
2316
  color: string;
2317
+ path: {
2318
+ fill: string;
2319
+ };
2027
2320
  };
2028
2321
  '&.is-hovered': {
2322
+ boxShadow: string;
2029
2323
  backgroundColor: string;
2324
+ borderColor: string;
2030
2325
  color: string;
2326
+ path: {
2327
+ fill: string;
2328
+ };
2031
2329
  };
2032
2330
  alignItems: string;
2033
2331
  justifyContent: string;
@@ -2067,7 +2365,14 @@ declare const _default: {
2067
2365
  borderColor: string;
2068
2366
  };
2069
2367
  '&.is-hovered': {
2368
+ boxShadow: string;
2369
+ backgroundColor: string;
2370
+ borderColor: string;
2371
+ };
2372
+ '&.is-focused': {
2070
2373
  backgroundColor: string;
2374
+ borderColor: string;
2375
+ outline: string;
2071
2376
  };
2072
2377
  alignItems: string;
2073
2378
  justifyContent: string;
@@ -2090,11 +2395,6 @@ declare const _default: {
2090
2395
  '&.is-disabled': {
2091
2396
  opacity: number;
2092
2397
  };
2093
- '&.is-focused': {
2094
- outline: string;
2095
- outlineColor: string;
2096
- outlineOffset: string;
2097
- };
2098
2398
  transition: string;
2099
2399
  };
2100
2400
  navBarLogoLink: {
package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.d.ts CHANGED
@@ -124,10 +124,14 @@ export declare const nextGenColors: {
124
124
  label: string;
125
125
  };
126
126
  active: string;
127
+ active_hover: string;
128
+ active_pressed: string;
127
129
  active_light: string;
128
130
  success: string;
129
131
  success_light: string;
130
132
  critical: string;
133
+ critical_hover: string;
134
+ critical_pressed: string;
131
135
  critical_light: string;
132
136
  warning: string;
133
137
  warning_light: string;
package/lib/cjs/styles/themes/next-gen/tokens/colorTokens.js CHANGED
@@ -131,10 +131,14 @@ var nextGenColors = {
131
131
  'label': '#5e6d82'
132
132
  },
133
133
  'active': '#1a73e8',
134
+ 'active_hover': '#1462C8',
135
+ 'active_pressed': '#135CBC',
134
136
  'active_light': '#eaf2fd',
135
137
  'success': '#22a75f',
136
138
  'success_light': '#d3eddf',
137
139
  'critical': '#da3a2b',
140
+ 'critical_hover': '#BE2F21',
141
+ 'critical_pressed': '#B32C1F',
138
142
  'critical_light': '#f8d8d5',
139
143
  'warning': '#984c0c',
140
144
  'warning_light': '#ffe5d0'