@genesislcap/foundation-zero 14.81.0 → 14.82.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.
- package/dist/custom-elements.json +295 -295
- package/package.json +7 -7
|
@@ -645,6 +645,176 @@
|
|
|
645
645
|
}
|
|
646
646
|
]
|
|
647
647
|
},
|
|
648
|
+
{
|
|
649
|
+
"kind": "javascript-module",
|
|
650
|
+
"path": "src/_common/colors.hex.ts",
|
|
651
|
+
"declarations": [],
|
|
652
|
+
"exports": []
|
|
653
|
+
},
|
|
654
|
+
{
|
|
655
|
+
"kind": "javascript-module",
|
|
656
|
+
"path": "src/_common/colors.ts",
|
|
657
|
+
"declarations": [
|
|
658
|
+
{
|
|
659
|
+
"kind": "variable",
|
|
660
|
+
"name": "defaultRapidTextColor"
|
|
661
|
+
},
|
|
662
|
+
{
|
|
663
|
+
"kind": "variable",
|
|
664
|
+
"name": "defaultRapidBGColor"
|
|
665
|
+
},
|
|
666
|
+
{
|
|
667
|
+
"kind": "variable",
|
|
668
|
+
"name": "defaultRapidLabelColor"
|
|
669
|
+
},
|
|
670
|
+
{
|
|
671
|
+
"kind": "variable",
|
|
672
|
+
"name": "defaultRapidActiveBGColor"
|
|
673
|
+
},
|
|
674
|
+
{
|
|
675
|
+
"kind": "variable",
|
|
676
|
+
"name": "defaultRapidBorderUnfocusedColor"
|
|
677
|
+
},
|
|
678
|
+
{
|
|
679
|
+
"kind": "variable",
|
|
680
|
+
"name": "FastAppearanceValues",
|
|
681
|
+
"type": {
|
|
682
|
+
"text": "array"
|
|
683
|
+
},
|
|
684
|
+
"default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
|
|
685
|
+
},
|
|
686
|
+
{
|
|
687
|
+
"kind": "variable",
|
|
688
|
+
"name": "ZeroAppearanceValues"
|
|
689
|
+
}
|
|
690
|
+
],
|
|
691
|
+
"exports": [
|
|
692
|
+
{
|
|
693
|
+
"kind": "js",
|
|
694
|
+
"name": "defaultRapidTextColor",
|
|
695
|
+
"declaration": {
|
|
696
|
+
"name": "defaultRapidTextColor",
|
|
697
|
+
"module": "src/_common/colors.ts"
|
|
698
|
+
}
|
|
699
|
+
},
|
|
700
|
+
{
|
|
701
|
+
"kind": "js",
|
|
702
|
+
"name": "defaultRapidBGColor",
|
|
703
|
+
"declaration": {
|
|
704
|
+
"name": "defaultRapidBGColor",
|
|
705
|
+
"module": "src/_common/colors.ts"
|
|
706
|
+
}
|
|
707
|
+
},
|
|
708
|
+
{
|
|
709
|
+
"kind": "js",
|
|
710
|
+
"name": "defaultRapidLabelColor",
|
|
711
|
+
"declaration": {
|
|
712
|
+
"name": "defaultRapidLabelColor",
|
|
713
|
+
"module": "src/_common/colors.ts"
|
|
714
|
+
}
|
|
715
|
+
},
|
|
716
|
+
{
|
|
717
|
+
"kind": "js",
|
|
718
|
+
"name": "defaultRapidActiveBGColor",
|
|
719
|
+
"declaration": {
|
|
720
|
+
"name": "defaultRapidActiveBGColor",
|
|
721
|
+
"module": "src/_common/colors.ts"
|
|
722
|
+
}
|
|
723
|
+
},
|
|
724
|
+
{
|
|
725
|
+
"kind": "js",
|
|
726
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
727
|
+
"declaration": {
|
|
728
|
+
"name": "defaultRapidBorderUnfocusedColor",
|
|
729
|
+
"module": "src/_common/colors.ts"
|
|
730
|
+
}
|
|
731
|
+
},
|
|
732
|
+
{
|
|
733
|
+
"kind": "js",
|
|
734
|
+
"name": "FastAppearanceValues",
|
|
735
|
+
"declaration": {
|
|
736
|
+
"name": "FastAppearanceValues",
|
|
737
|
+
"module": "src/_common/colors.ts"
|
|
738
|
+
}
|
|
739
|
+
},
|
|
740
|
+
{
|
|
741
|
+
"kind": "js",
|
|
742
|
+
"name": "ZeroAppearanceValues",
|
|
743
|
+
"declaration": {
|
|
744
|
+
"name": "ZeroAppearanceValues",
|
|
745
|
+
"module": "src/_common/colors.ts"
|
|
746
|
+
}
|
|
747
|
+
}
|
|
748
|
+
]
|
|
749
|
+
},
|
|
750
|
+
{
|
|
751
|
+
"kind": "javascript-module",
|
|
752
|
+
"path": "src/_common/colors.util.ts",
|
|
753
|
+
"declarations": [],
|
|
754
|
+
"exports": []
|
|
755
|
+
},
|
|
756
|
+
{
|
|
757
|
+
"kind": "javascript-module",
|
|
758
|
+
"path": "src/_common/index.ts",
|
|
759
|
+
"declarations": [],
|
|
760
|
+
"exports": [
|
|
761
|
+
{
|
|
762
|
+
"kind": "js",
|
|
763
|
+
"name": "*",
|
|
764
|
+
"declaration": {
|
|
765
|
+
"name": "*",
|
|
766
|
+
"package": "./colors"
|
|
767
|
+
}
|
|
768
|
+
},
|
|
769
|
+
{
|
|
770
|
+
"kind": "js",
|
|
771
|
+
"name": "*",
|
|
772
|
+
"declaration": {
|
|
773
|
+
"name": "*",
|
|
774
|
+
"package": "./colors.hex"
|
|
775
|
+
}
|
|
776
|
+
},
|
|
777
|
+
{
|
|
778
|
+
"kind": "js",
|
|
779
|
+
"name": "*",
|
|
780
|
+
"declaration": {
|
|
781
|
+
"name": "*",
|
|
782
|
+
"package": "./colors.util"
|
|
783
|
+
}
|
|
784
|
+
}
|
|
785
|
+
]
|
|
786
|
+
},
|
|
787
|
+
{
|
|
788
|
+
"kind": "javascript-module",
|
|
789
|
+
"path": "src/_config/index.ts",
|
|
790
|
+
"declarations": [],
|
|
791
|
+
"exports": [
|
|
792
|
+
{
|
|
793
|
+
"kind": "js",
|
|
794
|
+
"name": "*",
|
|
795
|
+
"declaration": {
|
|
796
|
+
"name": "*",
|
|
797
|
+
"package": "./styles"
|
|
798
|
+
}
|
|
799
|
+
},
|
|
800
|
+
{
|
|
801
|
+
"kind": "js",
|
|
802
|
+
"name": "*",
|
|
803
|
+
"declaration": {
|
|
804
|
+
"name": "*",
|
|
805
|
+
"package": "./tokens"
|
|
806
|
+
}
|
|
807
|
+
},
|
|
808
|
+
{
|
|
809
|
+
"kind": "js",
|
|
810
|
+
"name": "*",
|
|
811
|
+
"declaration": {
|
|
812
|
+
"name": "*",
|
|
813
|
+
"package": "./values"
|
|
814
|
+
}
|
|
815
|
+
}
|
|
816
|
+
]
|
|
817
|
+
},
|
|
648
818
|
{
|
|
649
819
|
"kind": "javascript-module",
|
|
650
820
|
"path": "src/accordion/accordion.stories.ts",
|
|
@@ -942,187 +1112,17 @@
|
|
|
942
1112
|
},
|
|
943
1113
|
{
|
|
944
1114
|
"kind": "js",
|
|
945
|
-
"name": "zeroAccordionItem",
|
|
946
|
-
"declaration": {
|
|
947
|
-
"name": "zeroAccordionItem",
|
|
948
|
-
"module": "src/accordion-item/accordion-item.ts"
|
|
949
|
-
}
|
|
950
|
-
}
|
|
951
|
-
]
|
|
952
|
-
},
|
|
953
|
-
{
|
|
954
|
-
"kind": "javascript-module",
|
|
955
|
-
"path": "src/accordion-item/index.ts",
|
|
956
|
-
"declarations": [],
|
|
957
|
-
"exports": [
|
|
958
|
-
{
|
|
959
|
-
"kind": "js",
|
|
960
|
-
"name": "*",
|
|
961
|
-
"declaration": {
|
|
962
|
-
"name": "*",
|
|
963
|
-
"package": "./accordion-item"
|
|
964
|
-
}
|
|
965
|
-
},
|
|
966
|
-
{
|
|
967
|
-
"kind": "js",
|
|
968
|
-
"name": "*",
|
|
969
|
-
"declaration": {
|
|
970
|
-
"name": "*",
|
|
971
|
-
"package": "./accordion-item.styles"
|
|
972
|
-
}
|
|
973
|
-
},
|
|
974
|
-
{
|
|
975
|
-
"kind": "js",
|
|
976
|
-
"name": "*",
|
|
977
|
-
"declaration": {
|
|
978
|
-
"name": "*",
|
|
979
|
-
"package": "./accordion-item.template"
|
|
980
|
-
}
|
|
981
|
-
}
|
|
982
|
-
]
|
|
983
|
-
},
|
|
984
|
-
{
|
|
985
|
-
"kind": "javascript-module",
|
|
986
|
-
"path": "src/_config/index.ts",
|
|
987
|
-
"declarations": [],
|
|
988
|
-
"exports": [
|
|
989
|
-
{
|
|
990
|
-
"kind": "js",
|
|
991
|
-
"name": "*",
|
|
992
|
-
"declaration": {
|
|
993
|
-
"name": "*",
|
|
994
|
-
"package": "./styles"
|
|
995
|
-
}
|
|
996
|
-
},
|
|
997
|
-
{
|
|
998
|
-
"kind": "js",
|
|
999
|
-
"name": "*",
|
|
1000
|
-
"declaration": {
|
|
1001
|
-
"name": "*",
|
|
1002
|
-
"package": "./tokens"
|
|
1003
|
-
}
|
|
1004
|
-
},
|
|
1005
|
-
{
|
|
1006
|
-
"kind": "js",
|
|
1007
|
-
"name": "*",
|
|
1008
|
-
"declaration": {
|
|
1009
|
-
"name": "*",
|
|
1010
|
-
"package": "./values"
|
|
1011
|
-
}
|
|
1012
|
-
}
|
|
1013
|
-
]
|
|
1014
|
-
},
|
|
1015
|
-
{
|
|
1016
|
-
"kind": "javascript-module",
|
|
1017
|
-
"path": "src/_common/colors.hex.ts",
|
|
1018
|
-
"declarations": [],
|
|
1019
|
-
"exports": []
|
|
1020
|
-
},
|
|
1021
|
-
{
|
|
1022
|
-
"kind": "javascript-module",
|
|
1023
|
-
"path": "src/_common/colors.ts",
|
|
1024
|
-
"declarations": [
|
|
1025
|
-
{
|
|
1026
|
-
"kind": "variable",
|
|
1027
|
-
"name": "defaultRapidTextColor"
|
|
1028
|
-
},
|
|
1029
|
-
{
|
|
1030
|
-
"kind": "variable",
|
|
1031
|
-
"name": "defaultRapidBGColor"
|
|
1032
|
-
},
|
|
1033
|
-
{
|
|
1034
|
-
"kind": "variable",
|
|
1035
|
-
"name": "defaultRapidLabelColor"
|
|
1036
|
-
},
|
|
1037
|
-
{
|
|
1038
|
-
"kind": "variable",
|
|
1039
|
-
"name": "defaultRapidActiveBGColor"
|
|
1040
|
-
},
|
|
1041
|
-
{
|
|
1042
|
-
"kind": "variable",
|
|
1043
|
-
"name": "defaultRapidBorderUnfocusedColor"
|
|
1044
|
-
},
|
|
1045
|
-
{
|
|
1046
|
-
"kind": "variable",
|
|
1047
|
-
"name": "FastAppearanceValues",
|
|
1048
|
-
"type": {
|
|
1049
|
-
"text": "array"
|
|
1050
|
-
},
|
|
1051
|
-
"default": "['accent', 'lightweight', 'neutral', 'outline', 'stealth']"
|
|
1052
|
-
},
|
|
1053
|
-
{
|
|
1054
|
-
"kind": "variable",
|
|
1055
|
-
"name": "ZeroAppearanceValues"
|
|
1056
|
-
}
|
|
1057
|
-
],
|
|
1058
|
-
"exports": [
|
|
1059
|
-
{
|
|
1060
|
-
"kind": "js",
|
|
1061
|
-
"name": "defaultRapidTextColor",
|
|
1062
|
-
"declaration": {
|
|
1063
|
-
"name": "defaultRapidTextColor",
|
|
1064
|
-
"module": "src/_common/colors.ts"
|
|
1065
|
-
}
|
|
1066
|
-
},
|
|
1067
|
-
{
|
|
1068
|
-
"kind": "js",
|
|
1069
|
-
"name": "defaultRapidBGColor",
|
|
1070
|
-
"declaration": {
|
|
1071
|
-
"name": "defaultRapidBGColor",
|
|
1072
|
-
"module": "src/_common/colors.ts"
|
|
1073
|
-
}
|
|
1074
|
-
},
|
|
1075
|
-
{
|
|
1076
|
-
"kind": "js",
|
|
1077
|
-
"name": "defaultRapidLabelColor",
|
|
1078
|
-
"declaration": {
|
|
1079
|
-
"name": "defaultRapidLabelColor",
|
|
1080
|
-
"module": "src/_common/colors.ts"
|
|
1081
|
-
}
|
|
1082
|
-
},
|
|
1083
|
-
{
|
|
1084
|
-
"kind": "js",
|
|
1085
|
-
"name": "defaultRapidActiveBGColor",
|
|
1086
|
-
"declaration": {
|
|
1087
|
-
"name": "defaultRapidActiveBGColor",
|
|
1088
|
-
"module": "src/_common/colors.ts"
|
|
1089
|
-
}
|
|
1090
|
-
},
|
|
1091
|
-
{
|
|
1092
|
-
"kind": "js",
|
|
1093
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1094
|
-
"declaration": {
|
|
1095
|
-
"name": "defaultRapidBorderUnfocusedColor",
|
|
1096
|
-
"module": "src/_common/colors.ts"
|
|
1097
|
-
}
|
|
1098
|
-
},
|
|
1099
|
-
{
|
|
1100
|
-
"kind": "js",
|
|
1101
|
-
"name": "FastAppearanceValues",
|
|
1102
|
-
"declaration": {
|
|
1103
|
-
"name": "FastAppearanceValues",
|
|
1104
|
-
"module": "src/_common/colors.ts"
|
|
1105
|
-
}
|
|
1106
|
-
},
|
|
1107
|
-
{
|
|
1108
|
-
"kind": "js",
|
|
1109
|
-
"name": "ZeroAppearanceValues",
|
|
1115
|
+
"name": "zeroAccordionItem",
|
|
1110
1116
|
"declaration": {
|
|
1111
|
-
"name": "
|
|
1112
|
-
"module": "src/
|
|
1117
|
+
"name": "zeroAccordionItem",
|
|
1118
|
+
"module": "src/accordion-item/accordion-item.ts"
|
|
1113
1119
|
}
|
|
1114
1120
|
}
|
|
1115
1121
|
]
|
|
1116
1122
|
},
|
|
1117
1123
|
{
|
|
1118
1124
|
"kind": "javascript-module",
|
|
1119
|
-
"path": "src/
|
|
1120
|
-
"declarations": [],
|
|
1121
|
-
"exports": []
|
|
1122
|
-
},
|
|
1123
|
-
{
|
|
1124
|
-
"kind": "javascript-module",
|
|
1125
|
-
"path": "src/_common/index.ts",
|
|
1125
|
+
"path": "src/accordion-item/index.ts",
|
|
1126
1126
|
"declarations": [],
|
|
1127
1127
|
"exports": [
|
|
1128
1128
|
{
|
|
@@ -1130,7 +1130,7 @@
|
|
|
1130
1130
|
"name": "*",
|
|
1131
1131
|
"declaration": {
|
|
1132
1132
|
"name": "*",
|
|
1133
|
-
"package": "./
|
|
1133
|
+
"package": "./accordion-item"
|
|
1134
1134
|
}
|
|
1135
1135
|
},
|
|
1136
1136
|
{
|
|
@@ -1138,7 +1138,7 @@
|
|
|
1138
1138
|
"name": "*",
|
|
1139
1139
|
"declaration": {
|
|
1140
1140
|
"name": "*",
|
|
1141
|
-
"package": "./
|
|
1141
|
+
"package": "./accordion-item.styles"
|
|
1142
1142
|
}
|
|
1143
1143
|
},
|
|
1144
1144
|
{
|
|
@@ -1146,7 +1146,7 @@
|
|
|
1146
1146
|
"name": "*",
|
|
1147
1147
|
"declaration": {
|
|
1148
1148
|
"name": "*",
|
|
1149
|
-
"package": "./
|
|
1149
|
+
"package": "./accordion-item.template"
|
|
1150
1150
|
}
|
|
1151
1151
|
}
|
|
1152
1152
|
]
|
|
@@ -5524,7 +5524,7 @@
|
|
|
5524
5524
|
},
|
|
5525
5525
|
{
|
|
5526
5526
|
"kind": "javascript-module",
|
|
5527
|
-
"path": "src/
|
|
5527
|
+
"path": "src/error-banner/error-banner.stories.ts",
|
|
5528
5528
|
"declarations": [
|
|
5529
5529
|
{
|
|
5530
5530
|
"kind": "variable",
|
|
@@ -5532,7 +5532,7 @@
|
|
|
5532
5532
|
"type": {
|
|
5533
5533
|
"text": "Meta"
|
|
5534
5534
|
},
|
|
5535
|
-
"default": "{\n title: '
|
|
5535
|
+
"default": "{\n title: 'Error Banner',\n component: 'zero-error-banner',\n}"
|
|
5536
5536
|
},
|
|
5537
5537
|
{
|
|
5538
5538
|
"kind": "variable",
|
|
@@ -5540,7 +5540,7 @@
|
|
|
5540
5540
|
"type": {
|
|
5541
5541
|
"text": "StoryObj"
|
|
5542
5542
|
},
|
|
5543
|
-
"default": "{\n args: {\n
|
|
5543
|
+
"default": "{\n args: {\n errorText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n },\n render: ({ errorText }) => html`\n <div id=\"zero-banner\" style=\"width: 100%;\">\n <zero-button @click=\"${() => showError(errorText)}\">Show Zero Error Banner</zero-button>\n </div>\n `,\n}"
|
|
5544
5544
|
}
|
|
5545
5545
|
],
|
|
5546
5546
|
"exports": [
|
|
@@ -5549,7 +5549,7 @@
|
|
|
5549
5549
|
"name": "default",
|
|
5550
5550
|
"declaration": {
|
|
5551
5551
|
"name": "meta",
|
|
5552
|
-
"module": "src/
|
|
5552
|
+
"module": "src/error-banner/error-banner.stories.ts"
|
|
5553
5553
|
}
|
|
5554
5554
|
},
|
|
5555
5555
|
{
|
|
@@ -5557,63 +5557,53 @@
|
|
|
5557
5557
|
"name": "Primary",
|
|
5558
5558
|
"declaration": {
|
|
5559
5559
|
"name": "Primary",
|
|
5560
|
-
"module": "src/
|
|
5560
|
+
"module": "src/error-banner/error-banner.stories.ts"
|
|
5561
5561
|
}
|
|
5562
5562
|
}
|
|
5563
5563
|
]
|
|
5564
5564
|
},
|
|
5565
5565
|
{
|
|
5566
5566
|
"kind": "javascript-module",
|
|
5567
|
-
"path": "src/
|
|
5567
|
+
"path": "src/error-banner/error-banner.template.ts",
|
|
5568
5568
|
"declarations": [
|
|
5569
5569
|
{
|
|
5570
|
-
"kind": "
|
|
5571
|
-
"name": "
|
|
5572
|
-
"
|
|
5573
|
-
"
|
|
5574
|
-
"text": "ElementStyles"
|
|
5575
|
-
}
|
|
5570
|
+
"kind": "variable",
|
|
5571
|
+
"name": "zeroErrorBannerTemplate",
|
|
5572
|
+
"type": {
|
|
5573
|
+
"text": "ViewTemplate<ErrorBanner>"
|
|
5576
5574
|
},
|
|
5577
|
-
"
|
|
5578
|
-
{
|
|
5579
|
-
"name": "context",
|
|
5580
|
-
"type": {
|
|
5581
|
-
"text": "ElementDefinitionContext"
|
|
5582
|
-
}
|
|
5583
|
-
},
|
|
5584
|
-
{
|
|
5585
|
-
"name": "definition",
|
|
5586
|
-
"type": {
|
|
5587
|
-
"text": "FoundationElementDefinition"
|
|
5588
|
-
}
|
|
5589
|
-
}
|
|
5590
|
-
]
|
|
5575
|
+
"default": "html`\n <zero-banner ${ref('banner')}>\n <div slot=\"content\">\n <div>${(x) => x.error?.errorDetails || 'Place holder for error message'}</div>\n </div>\n\n <zero-button slot=\"action\" appearance=\"lightweight\" @click=${(x) => x.dismiss()}>\n ${(x) => x.error?.config?.banner?.dismissingAction?.label || 'Ignore'}\n </zero-button>\n\n ${repeat(\n (x) => x.error?.config?.banner.confirmingActions,\n html`\n <zero-button\n slot=\"action\"\n appearance=\"lightweight\"\n @click=${(x, c) => {\n x?.action();\n c.parent.dismiss();\n }}\n >\n ${(x) => x.label}\n </zero-button>\n `,\n )}\n </zero-banner>\n`"
|
|
5591
5576
|
}
|
|
5592
5577
|
],
|
|
5593
5578
|
"exports": [
|
|
5594
5579
|
{
|
|
5595
5580
|
"kind": "js",
|
|
5596
|
-
"name": "
|
|
5581
|
+
"name": "zeroErrorBannerTemplate",
|
|
5597
5582
|
"declaration": {
|
|
5598
|
-
"name": "
|
|
5599
|
-
"module": "src/
|
|
5583
|
+
"name": "zeroErrorBannerTemplate",
|
|
5584
|
+
"module": "src/error-banner/error-banner.template.ts"
|
|
5600
5585
|
}
|
|
5601
5586
|
}
|
|
5602
5587
|
]
|
|
5603
5588
|
},
|
|
5604
5589
|
{
|
|
5605
5590
|
"kind": "javascript-module",
|
|
5606
|
-
"path": "src/
|
|
5591
|
+
"path": "src/error-banner/error-banner.ts",
|
|
5607
5592
|
"declarations": [
|
|
5593
|
+
{
|
|
5594
|
+
"kind": "variable",
|
|
5595
|
+
"name": "zeroErrorBannerShadowOptions",
|
|
5596
|
+
"default": "foundationErrorBannerShadowOptions"
|
|
5597
|
+
},
|
|
5608
5598
|
{
|
|
5609
5599
|
"kind": "class",
|
|
5610
5600
|
"description": "",
|
|
5611
|
-
"name": "
|
|
5601
|
+
"name": "ErrorBanner",
|
|
5612
5602
|
"superclass": {
|
|
5613
|
-
"name": "
|
|
5603
|
+
"name": "FoundationErrorBanner",
|
|
5614
5604
|
"package": "@genesislcap/foundation-ui"
|
|
5615
5605
|
},
|
|
5616
|
-
"tagName": "%%prefix%%-
|
|
5606
|
+
"tagName": "%%prefix%%-error-banner",
|
|
5617
5607
|
"customElement": true,
|
|
5618
5608
|
"members": [
|
|
5619
5609
|
{
|
|
@@ -5731,33 +5721,41 @@
|
|
|
5731
5721
|
},
|
|
5732
5722
|
{
|
|
5733
5723
|
"kind": "variable",
|
|
5734
|
-
"name": "
|
|
5735
|
-
"description": "The Zero
|
|
5724
|
+
"name": "zeroErrorBanner",
|
|
5725
|
+
"description": "The Zero Banner",
|
|
5736
5726
|
"privacy": "public"
|
|
5737
5727
|
}
|
|
5738
5728
|
],
|
|
5739
5729
|
"exports": [
|
|
5740
5730
|
{
|
|
5741
5731
|
"kind": "js",
|
|
5742
|
-
"name": "
|
|
5732
|
+
"name": "zeroErrorBannerShadowOptions",
|
|
5743
5733
|
"declaration": {
|
|
5744
|
-
"name": "
|
|
5745
|
-
"module": "src/
|
|
5734
|
+
"name": "zeroErrorBannerShadowOptions",
|
|
5735
|
+
"module": "src/error-banner/error-banner.ts"
|
|
5746
5736
|
}
|
|
5747
5737
|
},
|
|
5748
5738
|
{
|
|
5749
5739
|
"kind": "js",
|
|
5750
|
-
"name": "
|
|
5740
|
+
"name": "ErrorBanner",
|
|
5751
5741
|
"declaration": {
|
|
5752
|
-
"name": "
|
|
5753
|
-
"module": "src/
|
|
5742
|
+
"name": "ErrorBanner",
|
|
5743
|
+
"module": "src/error-banner/error-banner.ts"
|
|
5744
|
+
}
|
|
5745
|
+
},
|
|
5746
|
+
{
|
|
5747
|
+
"kind": "js",
|
|
5748
|
+
"name": "zeroErrorBanner",
|
|
5749
|
+
"declaration": {
|
|
5750
|
+
"name": "zeroErrorBanner",
|
|
5751
|
+
"module": "src/error-banner/error-banner.ts"
|
|
5754
5752
|
}
|
|
5755
5753
|
}
|
|
5756
5754
|
]
|
|
5757
5755
|
},
|
|
5758
5756
|
{
|
|
5759
5757
|
"kind": "javascript-module",
|
|
5760
|
-
"path": "src/
|
|
5758
|
+
"path": "src/error-banner/index.ts",
|
|
5761
5759
|
"declarations": [],
|
|
5762
5760
|
"exports": [
|
|
5763
5761
|
{
|
|
@@ -5765,7 +5763,7 @@
|
|
|
5765
5763
|
"name": "*",
|
|
5766
5764
|
"declaration": {
|
|
5767
5765
|
"name": "*",
|
|
5768
|
-
"package": "./
|
|
5766
|
+
"package": "./error-banner.template"
|
|
5769
5767
|
}
|
|
5770
5768
|
},
|
|
5771
5769
|
{
|
|
@@ -5773,46 +5771,14 @@
|
|
|
5773
5771
|
"name": "*",
|
|
5774
5772
|
"declaration": {
|
|
5775
5773
|
"name": "*",
|
|
5776
|
-
"package": "./
|
|
5777
|
-
}
|
|
5778
|
-
},
|
|
5779
|
-
{
|
|
5780
|
-
"kind": "js",
|
|
5781
|
-
"name": "zeroDropdownMenuTemplate",
|
|
5782
|
-
"declaration": {
|
|
5783
|
-
"name": "foundationDropdownMenuTemplate",
|
|
5784
|
-
"package": "@genesislcap/foundation-ui"
|
|
5785
|
-
}
|
|
5786
|
-
},
|
|
5787
|
-
{
|
|
5788
|
-
"kind": "js",
|
|
5789
|
-
"name": "getDropdownMenuTemplate",
|
|
5790
|
-
"declaration": {
|
|
5791
|
-
"name": "getDropdownMenuTemplate",
|
|
5792
|
-
"package": "@genesislcap/foundation-ui"
|
|
5793
|
-
}
|
|
5794
|
-
},
|
|
5795
|
-
{
|
|
5796
|
-
"kind": "js",
|
|
5797
|
-
"name": "extractMenuItems",
|
|
5798
|
-
"declaration": {
|
|
5799
|
-
"name": "extractMenuItems",
|
|
5800
|
-
"package": "@genesislcap/foundation-ui"
|
|
5801
|
-
}
|
|
5802
|
-
},
|
|
5803
|
-
{
|
|
5804
|
-
"kind": "js",
|
|
5805
|
-
"name": "dropdownMenuBaseStyles",
|
|
5806
|
-
"declaration": {
|
|
5807
|
-
"name": "dropdownMenuBaseStyles",
|
|
5808
|
-
"package": "@genesislcap/foundation-ui"
|
|
5774
|
+
"package": "./error-banner"
|
|
5809
5775
|
}
|
|
5810
5776
|
}
|
|
5811
5777
|
]
|
|
5812
5778
|
},
|
|
5813
5779
|
{
|
|
5814
5780
|
"kind": "javascript-module",
|
|
5815
|
-
"path": "src/
|
|
5781
|
+
"path": "src/dropdown-menu/dropdown-menu.stories.ts",
|
|
5816
5782
|
"declarations": [
|
|
5817
5783
|
{
|
|
5818
5784
|
"kind": "variable",
|
|
@@ -5820,7 +5786,7 @@
|
|
|
5820
5786
|
"type": {
|
|
5821
5787
|
"text": "Meta"
|
|
5822
5788
|
},
|
|
5823
|
-
"default": "{\n title: '
|
|
5789
|
+
"default": "{\n title: 'Dropdown Menu',\n component: 'zero-dropdown-menu',\n}"
|
|
5824
5790
|
},
|
|
5825
5791
|
{
|
|
5826
5792
|
"kind": "variable",
|
|
@@ -5828,7 +5794,7 @@
|
|
|
5828
5794
|
"type": {
|
|
5829
5795
|
"text": "StoryObj"
|
|
5830
5796
|
},
|
|
5831
|
-
"default": "{\n args: {\n
|
|
5797
|
+
"default": "{\n args: {\n items: zeroItems,\n dropdownOpenerText: 'Dropdown menu',\n },\n render: ({ dropdownOpenerText, items }) => html`\n <div>\n <zero-dropdown-menu name=\"${dropdownOpenerText}\" .items=${items}></zero-dropdown-menu>\n </div>\n `,\n}"
|
|
5832
5798
|
}
|
|
5833
5799
|
],
|
|
5834
5800
|
"exports": [
|
|
@@ -5837,7 +5803,7 @@
|
|
|
5837
5803
|
"name": "default",
|
|
5838
5804
|
"declaration": {
|
|
5839
5805
|
"name": "meta",
|
|
5840
|
-
"module": "src/
|
|
5806
|
+
"module": "src/dropdown-menu/dropdown-menu.stories.ts"
|
|
5841
5807
|
}
|
|
5842
5808
|
},
|
|
5843
5809
|
{
|
|
@@ -5845,53 +5811,63 @@
|
|
|
5845
5811
|
"name": "Primary",
|
|
5846
5812
|
"declaration": {
|
|
5847
5813
|
"name": "Primary",
|
|
5848
|
-
"module": "src/
|
|
5814
|
+
"module": "src/dropdown-menu/dropdown-menu.stories.ts"
|
|
5849
5815
|
}
|
|
5850
5816
|
}
|
|
5851
5817
|
]
|
|
5852
5818
|
},
|
|
5853
5819
|
{
|
|
5854
5820
|
"kind": "javascript-module",
|
|
5855
|
-
"path": "src/
|
|
5821
|
+
"path": "src/dropdown-menu/dropdown-menu.styles.ts",
|
|
5856
5822
|
"declarations": [
|
|
5857
5823
|
{
|
|
5858
|
-
"kind": "
|
|
5859
|
-
"name": "
|
|
5860
|
-
"
|
|
5861
|
-
"
|
|
5824
|
+
"kind": "function",
|
|
5825
|
+
"name": "zeroDropdownMenuStyles",
|
|
5826
|
+
"return": {
|
|
5827
|
+
"type": {
|
|
5828
|
+
"text": "ElementStyles"
|
|
5829
|
+
}
|
|
5862
5830
|
},
|
|
5863
|
-
"
|
|
5831
|
+
"parameters": [
|
|
5832
|
+
{
|
|
5833
|
+
"name": "context",
|
|
5834
|
+
"type": {
|
|
5835
|
+
"text": "ElementDefinitionContext"
|
|
5836
|
+
}
|
|
5837
|
+
},
|
|
5838
|
+
{
|
|
5839
|
+
"name": "definition",
|
|
5840
|
+
"type": {
|
|
5841
|
+
"text": "FoundationElementDefinition"
|
|
5842
|
+
}
|
|
5843
|
+
}
|
|
5844
|
+
]
|
|
5864
5845
|
}
|
|
5865
5846
|
],
|
|
5866
5847
|
"exports": [
|
|
5867
5848
|
{
|
|
5868
5849
|
"kind": "js",
|
|
5869
|
-
"name": "
|
|
5850
|
+
"name": "zeroDropdownMenuStyles",
|
|
5870
5851
|
"declaration": {
|
|
5871
|
-
"name": "
|
|
5872
|
-
"module": "src/
|
|
5852
|
+
"name": "zeroDropdownMenuStyles",
|
|
5853
|
+
"module": "src/dropdown-menu/dropdown-menu.styles.ts"
|
|
5873
5854
|
}
|
|
5874
5855
|
}
|
|
5875
5856
|
]
|
|
5876
5857
|
},
|
|
5877
5858
|
{
|
|
5878
5859
|
"kind": "javascript-module",
|
|
5879
|
-
"path": "src/
|
|
5860
|
+
"path": "src/dropdown-menu/dropdown-menu.ts",
|
|
5880
5861
|
"declarations": [
|
|
5881
|
-
{
|
|
5882
|
-
"kind": "variable",
|
|
5883
|
-
"name": "zeroErrorBannerShadowOptions",
|
|
5884
|
-
"default": "foundationErrorBannerShadowOptions"
|
|
5885
|
-
},
|
|
5886
5862
|
{
|
|
5887
5863
|
"kind": "class",
|
|
5888
5864
|
"description": "",
|
|
5889
|
-
"name": "
|
|
5865
|
+
"name": "DropdownMenu",
|
|
5890
5866
|
"superclass": {
|
|
5891
|
-
"name": "
|
|
5867
|
+
"name": "FoundationDropdownMenu",
|
|
5892
5868
|
"package": "@genesislcap/foundation-ui"
|
|
5893
5869
|
},
|
|
5894
|
-
"tagName": "%%prefix%%-
|
|
5870
|
+
"tagName": "%%prefix%%-dropdown-menu",
|
|
5895
5871
|
"customElement": true,
|
|
5896
5872
|
"members": [
|
|
5897
5873
|
{
|
|
@@ -6009,41 +5985,33 @@
|
|
|
6009
5985
|
},
|
|
6010
5986
|
{
|
|
6011
5987
|
"kind": "variable",
|
|
6012
|
-
"name": "
|
|
6013
|
-
"description": "The Zero
|
|
5988
|
+
"name": "zeroDropdownMenu",
|
|
5989
|
+
"description": "The Zero Dropdown Menu",
|
|
6014
5990
|
"privacy": "public"
|
|
6015
5991
|
}
|
|
6016
5992
|
],
|
|
6017
5993
|
"exports": [
|
|
6018
5994
|
{
|
|
6019
5995
|
"kind": "js",
|
|
6020
|
-
"name": "
|
|
6021
|
-
"declaration": {
|
|
6022
|
-
"name": "zeroErrorBannerShadowOptions",
|
|
6023
|
-
"module": "src/error-banner/error-banner.ts"
|
|
6024
|
-
}
|
|
6025
|
-
},
|
|
6026
|
-
{
|
|
6027
|
-
"kind": "js",
|
|
6028
|
-
"name": "ErrorBanner",
|
|
5996
|
+
"name": "DropdownMenu",
|
|
6029
5997
|
"declaration": {
|
|
6030
|
-
"name": "
|
|
6031
|
-
"module": "src/
|
|
5998
|
+
"name": "DropdownMenu",
|
|
5999
|
+
"module": "src/dropdown-menu/dropdown-menu.ts"
|
|
6032
6000
|
}
|
|
6033
6001
|
},
|
|
6034
6002
|
{
|
|
6035
6003
|
"kind": "js",
|
|
6036
|
-
"name": "
|
|
6004
|
+
"name": "zeroDropdownMenu",
|
|
6037
6005
|
"declaration": {
|
|
6038
|
-
"name": "
|
|
6039
|
-
"module": "src/
|
|
6006
|
+
"name": "zeroDropdownMenu",
|
|
6007
|
+
"module": "src/dropdown-menu/dropdown-menu.ts"
|
|
6040
6008
|
}
|
|
6041
6009
|
}
|
|
6042
6010
|
]
|
|
6043
6011
|
},
|
|
6044
6012
|
{
|
|
6045
6013
|
"kind": "javascript-module",
|
|
6046
|
-
"path": "src/
|
|
6014
|
+
"path": "src/dropdown-menu/index.ts",
|
|
6047
6015
|
"declarations": [],
|
|
6048
6016
|
"exports": [
|
|
6049
6017
|
{
|
|
@@ -6051,7 +6019,7 @@
|
|
|
6051
6019
|
"name": "*",
|
|
6052
6020
|
"declaration": {
|
|
6053
6021
|
"name": "*",
|
|
6054
|
-
"package": "./
|
|
6022
|
+
"package": "./dropdown-menu"
|
|
6055
6023
|
}
|
|
6056
6024
|
},
|
|
6057
6025
|
{
|
|
@@ -6059,7 +6027,39 @@
|
|
|
6059
6027
|
"name": "*",
|
|
6060
6028
|
"declaration": {
|
|
6061
6029
|
"name": "*",
|
|
6062
|
-
"package": "./
|
|
6030
|
+
"package": "./dropdown-menu.styles"
|
|
6031
|
+
}
|
|
6032
|
+
},
|
|
6033
|
+
{
|
|
6034
|
+
"kind": "js",
|
|
6035
|
+
"name": "zeroDropdownMenuTemplate",
|
|
6036
|
+
"declaration": {
|
|
6037
|
+
"name": "foundationDropdownMenuTemplate",
|
|
6038
|
+
"package": "@genesislcap/foundation-ui"
|
|
6039
|
+
}
|
|
6040
|
+
},
|
|
6041
|
+
{
|
|
6042
|
+
"kind": "js",
|
|
6043
|
+
"name": "getDropdownMenuTemplate",
|
|
6044
|
+
"declaration": {
|
|
6045
|
+
"name": "getDropdownMenuTemplate",
|
|
6046
|
+
"package": "@genesislcap/foundation-ui"
|
|
6047
|
+
}
|
|
6048
|
+
},
|
|
6049
|
+
{
|
|
6050
|
+
"kind": "js",
|
|
6051
|
+
"name": "extractMenuItems",
|
|
6052
|
+
"declaration": {
|
|
6053
|
+
"name": "extractMenuItems",
|
|
6054
|
+
"package": "@genesislcap/foundation-ui"
|
|
6055
|
+
}
|
|
6056
|
+
},
|
|
6057
|
+
{
|
|
6058
|
+
"kind": "js",
|
|
6059
|
+
"name": "dropdownMenuBaseStyles",
|
|
6060
|
+
"declaration": {
|
|
6061
|
+
"name": "dropdownMenuBaseStyles",
|
|
6062
|
+
"package": "@genesislcap/foundation-ui"
|
|
6063
6063
|
}
|
|
6064
6064
|
}
|
|
6065
6065
|
]
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@genesislcap/foundation-zero",
|
|
3
3
|
"description": "Genesis Foundation Zero Design System",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.82.0",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
"storybook": "storybook dev -p 6006"
|
|
63
63
|
},
|
|
64
64
|
"devDependencies": {
|
|
65
|
-
"@genesislcap/genx": "14.
|
|
65
|
+
"@genesislcap/genx": "14.82.0",
|
|
66
66
|
"@storybook/addon-essentials": "^7.1.0",
|
|
67
67
|
"@storybook/addon-links": "^7.1.0",
|
|
68
68
|
"@storybook/addons": "^7.1.0",
|
|
@@ -75,10 +75,10 @@
|
|
|
75
75
|
"storybook": "^7.1.0"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
|
-
"@genesislcap/foundation-comms": "14.
|
|
79
|
-
"@genesislcap/foundation-logger": "14.
|
|
80
|
-
"@genesislcap/foundation-ui": "14.
|
|
81
|
-
"@genesislcap/foundation-utils": "14.
|
|
78
|
+
"@genesislcap/foundation-comms": "14.82.0",
|
|
79
|
+
"@genesislcap/foundation-logger": "14.82.0",
|
|
80
|
+
"@genesislcap/foundation-ui": "14.82.0",
|
|
81
|
+
"@genesislcap/foundation-utils": "14.82.0",
|
|
82
82
|
"@microsoft/fast-colors": "^5.1.4",
|
|
83
83
|
"@microsoft/fast-components": "^2.21.3",
|
|
84
84
|
"@microsoft/fast-element": "^1.7.0",
|
|
@@ -95,5 +95,5 @@
|
|
|
95
95
|
"access": "public"
|
|
96
96
|
},
|
|
97
97
|
"customElements": "dist/custom-elements.json",
|
|
98
|
-
"gitHead": "
|
|
98
|
+
"gitHead": "69108b95942ed1e47c3cf1eaf9fd3c3ed9188de0"
|
|
99
99
|
}
|