@proximus/lavender 2.0.0-alpha.218 → 2.0.0-alpha.219

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.
@@ -323,10 +323,30 @@
323
323
  "references": []
324
324
  },
325
325
  {
326
- "name": "px-breadcrumb-item",
327
- "description": "\n---\n\n\n### **Events:**\n - **BREADCRUMB_ITEM_CONNECTED_EVENT**",
326
+ "name": "px-button",
327
+ "description": "\n---\n",
328
328
  "attributes": [
329
+ { "name": "variant", "values": [] },
330
+ { "name": "state", "values": [] },
331
+ { "name": "loading", "values": [] },
332
+ { "name": "shape", "values": [] },
333
+ { "name": "shape--mobile", "values": [] },
334
+ { "name": "shape--tablet", "values": [] },
335
+ { "name": "shape--laptop", "values": [] },
336
+ { "name": "shape--desktop", "values": [] },
329
337
  { "name": "inverted", "values": [] },
338
+ { "name": "aria-expanded", "values": [] },
339
+ { "name": "extended", "values": [] },
340
+ { "name": "extended--mobile", "values": [] },
341
+ { "name": "extended--tablet", "values": [] },
342
+ { "name": "extended--laptop", "values": [] },
343
+ { "name": "extended--desktop", "values": [] },
344
+ { "name": "size", "values": [] },
345
+ {
346
+ "name": "name",
347
+ "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
348
+ "values": []
349
+ },
330
350
  { "name": "grow", "values": [] },
331
351
  { "name": "grow--mobile", "values": [] },
332
352
  { "name": "grow--tablet", "values": [] },
@@ -383,11 +403,45 @@
383
403
  "references": []
384
404
  },
385
405
  {
386
- "name": "px-breadcrumb",
387
- "description": "\n---\n",
406
+ "name": "px-button-wrapper",
407
+ "description": "A wrapper button that propagates interactive states (hover/focus) to child components.\n---\n\n\n### **Slots:**\n - **before** - Content to be placed before the button text.\n- **after** - Content to be placed after the button text.",
388
408
  "attributes": [
409
+ {
410
+ "name": "name",
411
+ "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
412
+ "values": []
413
+ },
414
+ {
415
+ "name": "value",
416
+ "description": "The value associated with the button's name when it's submitted with a form.",
417
+ "values": []
418
+ },
419
+ {
420
+ "name": "type",
421
+ "description": "The default behavior of the button. Possible values are 'submit', 'reset', and 'button'.",
422
+ "values": []
423
+ },
424
+ {
425
+ "name": "disabled",
426
+ "description": "Whether the button is disabled.",
427
+ "values": []
428
+ },
429
+ { "name": "variant", "values": [] },
430
+ { "name": "state", "values": [] },
431
+ { "name": "loading", "values": [] },
432
+ { "name": "shape", "values": [] },
433
+ { "name": "shape--mobile", "values": [] },
434
+ { "name": "shape--tablet", "values": [] },
435
+ { "name": "shape--laptop", "values": [] },
436
+ { "name": "shape--desktop", "values": [] },
389
437
  { "name": "inverted", "values": [] },
390
- { "name": "aria-label", "values": [] },
438
+ { "name": "aria-expanded", "values": [] },
439
+ { "name": "extended", "values": [] },
440
+ { "name": "extended--mobile", "values": [] },
441
+ { "name": "extended--tablet", "values": [] },
442
+ { "name": "extended--laptop", "values": [] },
443
+ { "name": "extended--desktop", "values": [] },
444
+ { "name": "size", "values": [] },
391
445
  { "name": "grow", "values": [] },
392
446
  { "name": "grow--mobile", "values": [] },
393
447
  { "name": "grow--tablet", "values": [] },
@@ -444,30 +498,10 @@
444
498
  "references": []
445
499
  },
446
500
  {
447
- "name": "px-button",
448
- "description": "\n---\n",
501
+ "name": "px-breadcrumb-item",
502
+ "description": "\n---\n\n\n### **Events:**\n - **BREADCRUMB_ITEM_CONNECTED_EVENT**",
449
503
  "attributes": [
450
- { "name": "variant", "values": [] },
451
- { "name": "state", "values": [] },
452
- { "name": "loading", "values": [] },
453
- { "name": "shape", "values": [] },
454
- { "name": "shape--mobile", "values": [] },
455
- { "name": "shape--tablet", "values": [] },
456
- { "name": "shape--laptop", "values": [] },
457
- { "name": "shape--desktop", "values": [] },
458
504
  { "name": "inverted", "values": [] },
459
- { "name": "aria-expanded", "values": [] },
460
- { "name": "extended", "values": [] },
461
- { "name": "extended--mobile", "values": [] },
462
- { "name": "extended--tablet", "values": [] },
463
- { "name": "extended--laptop", "values": [] },
464
- { "name": "extended--desktop", "values": [] },
465
- { "name": "size", "values": [] },
466
- {
467
- "name": "name",
468
- "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
469
- "values": []
470
- },
471
505
  { "name": "grow", "values": [] },
472
506
  { "name": "grow--mobile", "values": [] },
473
507
  { "name": "grow--tablet", "values": [] },
@@ -524,45 +558,11 @@
524
558
  "references": []
525
559
  },
526
560
  {
527
- "name": "px-button-wrapper",
528
- "description": "A wrapper button that propagates interactive states (hover/focus) to child components.\n---\n\n\n### **Slots:**\n - **before** - Content to be placed before the button text.\n- **after** - Content to be placed after the button text.",
561
+ "name": "px-breadcrumb",
562
+ "description": "\n---\n",
529
563
  "attributes": [
530
- {
531
- "name": "name",
532
- "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
533
- "values": []
534
- },
535
- {
536
- "name": "value",
537
- "description": "The value associated with the button's name when it's submitted with a form.",
538
- "values": []
539
- },
540
- {
541
- "name": "type",
542
- "description": "The default behavior of the button. Possible values are 'submit', 'reset', and 'button'.",
543
- "values": []
544
- },
545
- {
546
- "name": "disabled",
547
- "description": "Whether the button is disabled.",
548
- "values": []
549
- },
550
- { "name": "variant", "values": [] },
551
- { "name": "state", "values": [] },
552
- { "name": "loading", "values": [] },
553
- { "name": "shape", "values": [] },
554
- { "name": "shape--mobile", "values": [] },
555
- { "name": "shape--tablet", "values": [] },
556
- { "name": "shape--laptop", "values": [] },
557
- { "name": "shape--desktop", "values": [] },
558
564
  { "name": "inverted", "values": [] },
559
- { "name": "aria-expanded", "values": [] },
560
- { "name": "extended", "values": [] },
561
- { "name": "extended--mobile", "values": [] },
562
- { "name": "extended--tablet", "values": [] },
563
- { "name": "extended--laptop", "values": [] },
564
- { "name": "extended--desktop", "values": [] },
565
- { "name": "size", "values": [] },
565
+ { "name": "aria-label", "values": [] },
566
566
  { "name": "grow", "values": [] },
567
567
  { "name": "grow--mobile", "values": [] },
568
568
  { "name": "grow--tablet", "values": [] },
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
3
3
  "name": "@proximus/lavender",
4
- "version": "2.0.0-alpha.218",
4
+ "version": "2.0.0-alpha.219",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -623,11 +623,31 @@
623
623
  }
624
624
  },
625
625
  {
626
- "name": "px-breadcrumb-item",
627
- "description": "\n\n---\n\n\n### **Events:**\n - **BREADCRUMB_ITEM_CONNECTED_EVENT**",
626
+ "name": "px-button",
627
+ "description": "\n\n---\n",
628
628
  "doc-url": "",
629
629
  "attributes": [
630
+ { "name": "variant", "value": { "type": "string" } },
631
+ { "name": "state", "value": { "type": "string" } },
632
+ { "name": "loading", "value": { "type": "string" } },
633
+ { "name": "shape", "value": { "type": "string" } },
634
+ { "name": "shape--mobile", "value": { "type": "string" } },
635
+ { "name": "shape--tablet", "value": { "type": "string" } },
636
+ { "name": "shape--laptop", "value": { "type": "string" } },
637
+ { "name": "shape--desktop", "value": { "type": "string" } },
630
638
  { "name": "inverted", "value": { "type": "string" } },
639
+ { "name": "aria-expanded", "value": { "type": "string" } },
640
+ { "name": "extended", "value": { "type": "string" } },
641
+ { "name": "extended--mobile", "value": { "type": "string" } },
642
+ { "name": "extended--tablet", "value": { "type": "string" } },
643
+ { "name": "extended--laptop", "value": { "type": "string" } },
644
+ { "name": "extended--desktop", "value": { "type": "string" } },
645
+ { "name": "size", "value": { "type": "string" } },
646
+ {
647
+ "name": "name",
648
+ "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
649
+ "value": { "type": "string" }
650
+ },
631
651
  { "name": "grow", "value": { "type": "string" } },
632
652
  { "name": "grow--mobile", "value": { "type": "string" } },
633
653
  { "name": "grow--tablet", "value": { "type": "string" } },
@@ -681,15 +701,25 @@
681
701
  { "name": "word-break-all--laptop", "value": { "type": "string" } },
682
702
  { "name": "word-break-all--desktop", "value": { "type": "string" } }
683
703
  ],
684
- "events": [
685
- { "name": "BREADCRUMB_ITEM_CONNECTED_EVENT", "type": "CustomEvent" }
686
- ],
704
+ "events": [],
687
705
  "js": {
688
706
  "properties": [
689
- { "name": "$link" },
690
- { "name": "$icon" },
691
- { "name": "$children" },
692
- { "name": "inverted", "type": "boolean" },
707
+ { "name": "variant" },
708
+ { "name": "state" },
709
+ { "name": "extended" },
710
+ { "name": "extendedMobile" },
711
+ { "name": "extendedTablet" },
712
+ { "name": "extendedLaptop" },
713
+ { "name": "extendedDesktop" },
714
+ { "name": "loading" },
715
+ { "name": "shape" },
716
+ { "name": "shapeMobile" },
717
+ { "name": "shapeTablet" },
718
+ { "name": "shapeLaptop" },
719
+ { "name": "shapeDesktop" },
720
+ { "name": "inverted" },
721
+ { "name": "ariaExpanded" },
722
+ { "name": "size" },
693
723
  { "name": "$el", "type": "Element" },
694
724
  { "name": "$parentElementName" },
695
725
  { "name": "isInsideGridOrStack" },
@@ -734,21 +764,50 @@
734
764
  { "name": "orderDesktop" },
735
765
  { "name": "adoptedStyleSheets", "type": "array" }
736
766
  ],
737
- "events": [
738
- {
739
- "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
740
- "type": "CustomEvent"
741
- }
742
- ]
767
+ "events": []
743
768
  }
744
769
  },
745
770
  {
746
- "name": "px-breadcrumb",
747
- "description": "\n\n---\n",
771
+ "name": "px-button-wrapper",
772
+ "description": "A wrapper button that propagates interactive states (hover/focus) to child components.\n\n---\n\n\n### **Slots:**\n - **before** - Content to be placed before the button text.\n- **after** - Content to be placed after the button text.",
748
773
  "doc-url": "",
749
774
  "attributes": [
775
+ {
776
+ "name": "name",
777
+ "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
778
+ "value": { "type": "string" }
779
+ },
780
+ {
781
+ "name": "value",
782
+ "description": "The value associated with the button's name when it's submitted with a form.",
783
+ "value": { "type": "string" }
784
+ },
785
+ {
786
+ "name": "type",
787
+ "description": "The default behavior of the button. Possible values are 'submit', 'reset', and 'button'.",
788
+ "value": { "type": "string" }
789
+ },
790
+ {
791
+ "name": "disabled",
792
+ "description": "Whether the button is disabled.",
793
+ "value": { "type": "boolean" }
794
+ },
795
+ { "name": "variant", "value": { "type": "string" } },
796
+ { "name": "state", "value": { "type": "string" } },
797
+ { "name": "loading", "value": { "type": "string" } },
798
+ { "name": "shape", "value": { "type": "string" } },
799
+ { "name": "shape--mobile", "value": { "type": "string" } },
800
+ { "name": "shape--tablet", "value": { "type": "string" } },
801
+ { "name": "shape--laptop", "value": { "type": "string" } },
802
+ { "name": "shape--desktop", "value": { "type": "string" } },
750
803
  { "name": "inverted", "value": { "type": "string" } },
751
- { "name": "aria-label", "value": { "type": "string" } },
804
+ { "name": "aria-expanded", "value": { "type": "string" } },
805
+ { "name": "extended", "value": { "type": "string" } },
806
+ { "name": "extended--mobile", "value": { "type": "string" } },
807
+ { "name": "extended--tablet", "value": { "type": "string" } },
808
+ { "name": "extended--laptop", "value": { "type": "string" } },
809
+ { "name": "extended--desktop", "value": { "type": "string" } },
810
+ { "name": "size", "value": { "type": "string" } },
752
811
  { "name": "grow", "value": { "type": "string" } },
753
812
  { "name": "grow--mobile", "value": { "type": "string" } },
754
813
  { "name": "grow--tablet", "value": { "type": "string" } },
@@ -802,13 +861,36 @@
802
861
  { "name": "word-break-all--laptop", "value": { "type": "string" } },
803
862
  { "name": "word-break-all--desktop", "value": { "type": "string" } }
804
863
  ],
864
+ "slots": [
865
+ {
866
+ "name": "before",
867
+ "description": "Content to be placed before the button text."
868
+ },
869
+ {
870
+ "name": "after",
871
+ "description": "Content to be placed after the button text."
872
+ }
873
+ ],
805
874
  "events": [],
806
875
  "js": {
807
876
  "properties": [
808
- { "name": "$el", "type": "Element" },
809
- { "name": "$children" },
877
+ { "name": "variant" },
878
+ { "name": "state" },
879
+ { "name": "extended" },
880
+ { "name": "extendedMobile" },
881
+ { "name": "extendedTablet" },
882
+ { "name": "extendedLaptop" },
883
+ { "name": "extendedDesktop" },
884
+ { "name": "loading" },
885
+ { "name": "shape" },
886
+ { "name": "shapeMobile" },
887
+ { "name": "shapeTablet" },
888
+ { "name": "shapeLaptop" },
889
+ { "name": "shapeDesktop" },
810
890
  { "name": "inverted" },
811
- { "name": "ariaLabel" },
891
+ { "name": "ariaExpanded" },
892
+ { "name": "size" },
893
+ { "name": "$el", "type": "Element" },
812
894
  { "name": "$parentElementName" },
813
895
  { "name": "isInsideGridOrStack" },
814
896
  { "name": "grow" },
@@ -856,31 +938,11 @@
856
938
  }
857
939
  },
858
940
  {
859
- "name": "px-button",
860
- "description": "\n\n---\n",
941
+ "name": "px-breadcrumb-item",
942
+ "description": "\n\n---\n\n\n### **Events:**\n - **BREADCRUMB_ITEM_CONNECTED_EVENT**",
861
943
  "doc-url": "",
862
944
  "attributes": [
863
- { "name": "variant", "value": { "type": "string" } },
864
- { "name": "state", "value": { "type": "string" } },
865
- { "name": "loading", "value": { "type": "string" } },
866
- { "name": "shape", "value": { "type": "string" } },
867
- { "name": "shape--mobile", "value": { "type": "string" } },
868
- { "name": "shape--tablet", "value": { "type": "string" } },
869
- { "name": "shape--laptop", "value": { "type": "string" } },
870
- { "name": "shape--desktop", "value": { "type": "string" } },
871
945
  { "name": "inverted", "value": { "type": "string" } },
872
- { "name": "aria-expanded", "value": { "type": "string" } },
873
- { "name": "extended", "value": { "type": "string" } },
874
- { "name": "extended--mobile", "value": { "type": "string" } },
875
- { "name": "extended--tablet", "value": { "type": "string" } },
876
- { "name": "extended--laptop", "value": { "type": "string" } },
877
- { "name": "extended--desktop", "value": { "type": "string" } },
878
- { "name": "size", "value": { "type": "string" } },
879
- {
880
- "name": "name",
881
- "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
882
- "value": { "type": "string" }
883
- },
884
946
  { "name": "grow", "value": { "type": "string" } },
885
947
  { "name": "grow--mobile", "value": { "type": "string" } },
886
948
  { "name": "grow--tablet", "value": { "type": "string" } },
@@ -934,25 +996,15 @@
934
996
  { "name": "word-break-all--laptop", "value": { "type": "string" } },
935
997
  { "name": "word-break-all--desktop", "value": { "type": "string" } }
936
998
  ],
937
- "events": [],
999
+ "events": [
1000
+ { "name": "BREADCRUMB_ITEM_CONNECTED_EVENT", "type": "CustomEvent" }
1001
+ ],
938
1002
  "js": {
939
1003
  "properties": [
940
- { "name": "variant" },
941
- { "name": "state" },
942
- { "name": "extended" },
943
- { "name": "extendedMobile" },
944
- { "name": "extendedTablet" },
945
- { "name": "extendedLaptop" },
946
- { "name": "extendedDesktop" },
947
- { "name": "loading" },
948
- { "name": "shape" },
949
- { "name": "shapeMobile" },
950
- { "name": "shapeTablet" },
951
- { "name": "shapeLaptop" },
952
- { "name": "shapeDesktop" },
953
- { "name": "inverted" },
954
- { "name": "ariaExpanded" },
955
- { "name": "size" },
1004
+ { "name": "$link" },
1005
+ { "name": "$icon" },
1006
+ { "name": "$children" },
1007
+ { "name": "inverted", "type": "boolean" },
956
1008
  { "name": "$el", "type": "Element" },
957
1009
  { "name": "$parentElementName" },
958
1010
  { "name": "isInsideGridOrStack" },
@@ -997,50 +1049,21 @@
997
1049
  { "name": "orderDesktop" },
998
1050
  { "name": "adoptedStyleSheets", "type": "array" }
999
1051
  ],
1000
- "events": []
1052
+ "events": [
1053
+ {
1054
+ "name": "BREADCRUMB_ITEM_CONNECTED_EVENT",
1055
+ "type": "CustomEvent"
1056
+ }
1057
+ ]
1001
1058
  }
1002
1059
  },
1003
1060
  {
1004
- "name": "px-button-wrapper",
1005
- "description": "A wrapper button that propagates interactive states (hover/focus) to child components.\n\n---\n\n\n### **Slots:**\n - **before** - Content to be placed before the button text.\n- **after** - Content to be placed after the button text.",
1061
+ "name": "px-breadcrumb",
1062
+ "description": "\n\n---\n",
1006
1063
  "doc-url": "",
1007
1064
  "attributes": [
1008
- {
1009
- "name": "name",
1010
- "description": "The name of the button, submitted as a pair with the button's value as part of the form data.",
1011
- "value": { "type": "string" }
1012
- },
1013
- {
1014
- "name": "value",
1015
- "description": "The value associated with the button's name when it's submitted with a form.",
1016
- "value": { "type": "string" }
1017
- },
1018
- {
1019
- "name": "type",
1020
- "description": "The default behavior of the button. Possible values are 'submit', 'reset', and 'button'.",
1021
- "value": { "type": "string" }
1022
- },
1023
- {
1024
- "name": "disabled",
1025
- "description": "Whether the button is disabled.",
1026
- "value": { "type": "boolean" }
1027
- },
1028
- { "name": "variant", "value": { "type": "string" } },
1029
- { "name": "state", "value": { "type": "string" } },
1030
- { "name": "loading", "value": { "type": "string" } },
1031
- { "name": "shape", "value": { "type": "string" } },
1032
- { "name": "shape--mobile", "value": { "type": "string" } },
1033
- { "name": "shape--tablet", "value": { "type": "string" } },
1034
- { "name": "shape--laptop", "value": { "type": "string" } },
1035
- { "name": "shape--desktop", "value": { "type": "string" } },
1036
1065
  { "name": "inverted", "value": { "type": "string" } },
1037
- { "name": "aria-expanded", "value": { "type": "string" } },
1038
- { "name": "extended", "value": { "type": "string" } },
1039
- { "name": "extended--mobile", "value": { "type": "string" } },
1040
- { "name": "extended--tablet", "value": { "type": "string" } },
1041
- { "name": "extended--laptop", "value": { "type": "string" } },
1042
- { "name": "extended--desktop", "value": { "type": "string" } },
1043
- { "name": "size", "value": { "type": "string" } },
1066
+ { "name": "aria-label", "value": { "type": "string" } },
1044
1067
  { "name": "grow", "value": { "type": "string" } },
1045
1068
  { "name": "grow--mobile", "value": { "type": "string" } },
1046
1069
  { "name": "grow--tablet", "value": { "type": "string" } },
@@ -1094,36 +1117,13 @@
1094
1117
  { "name": "word-break-all--laptop", "value": { "type": "string" } },
1095
1118
  { "name": "word-break-all--desktop", "value": { "type": "string" } }
1096
1119
  ],
1097
- "slots": [
1098
- {
1099
- "name": "before",
1100
- "description": "Content to be placed before the button text."
1101
- },
1102
- {
1103
- "name": "after",
1104
- "description": "Content to be placed after the button text."
1105
- }
1106
- ],
1107
1120
  "events": [],
1108
1121
  "js": {
1109
1122
  "properties": [
1110
- { "name": "variant" },
1111
- { "name": "state" },
1112
- { "name": "extended" },
1113
- { "name": "extendedMobile" },
1114
- { "name": "extendedTablet" },
1115
- { "name": "extendedLaptop" },
1116
- { "name": "extendedDesktop" },
1117
- { "name": "loading" },
1118
- { "name": "shape" },
1119
- { "name": "shapeMobile" },
1120
- { "name": "shapeTablet" },
1121
- { "name": "shapeLaptop" },
1122
- { "name": "shapeDesktop" },
1123
- { "name": "inverted" },
1124
- { "name": "ariaExpanded" },
1125
- { "name": "size" },
1126
1123
  { "name": "$el", "type": "Element" },
1124
+ { "name": "$children" },
1125
+ { "name": "inverted" },
1126
+ { "name": "ariaLabel" },
1127
1127
  { "name": "$parentElementName" },
1128
1128
  { "name": "isInsideGridOrStack" },
1129
1129
  { "name": "grow" },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@proximus/lavender",
3
- "version": "2.0.0-alpha.218",
3
+ "version": "2.0.0-alpha.219",
4
4
  "description": "Proximus design system",
5
5
  "main": "dist/lavender.cjs.js",
6
6
  "module": "dist/lavender.es.js",