@genesislcap/foundation-zero 14.49.0 → 14.50.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 +366 -366
- package/package.json +6 -6
|
@@ -753,7 +753,7 @@
|
|
|
753
753
|
},
|
|
754
754
|
{
|
|
755
755
|
"kind": "javascript-module",
|
|
756
|
-
"path": "src/
|
|
756
|
+
"path": "src/actions-menu/actions-menu.stories.ts",
|
|
757
757
|
"declarations": [
|
|
758
758
|
{
|
|
759
759
|
"kind": "variable",
|
|
@@ -761,15 +761,23 @@
|
|
|
761
761
|
"type": {
|
|
762
762
|
"text": "Meta"
|
|
763
763
|
},
|
|
764
|
-
"default": "{\n title: '
|
|
764
|
+
"default": "{\n title: 'Actions Menu',\n component: 'zero-actions-menu',\n}"
|
|
765
765
|
},
|
|
766
766
|
{
|
|
767
767
|
"kind": "variable",
|
|
768
|
-
"name": "
|
|
768
|
+
"name": "Horizontal",
|
|
769
769
|
"type": {
|
|
770
770
|
"text": "StoryObj"
|
|
771
771
|
},
|
|
772
|
-
"default": "{\n args: {\n
|
|
772
|
+
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
773
|
+
},
|
|
774
|
+
{
|
|
775
|
+
"kind": "variable",
|
|
776
|
+
"name": "Vertical",
|
|
777
|
+
"type": {
|
|
778
|
+
"text": "StoryObj"
|
|
779
|
+
},
|
|
780
|
+
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Vertical Actions',\n },\n render: ({ actionsOpenerText, actions }) =>\n html`\n <div style=\"${verticalStyle}\">\n <zero-actions-menu\n name=\"${actionsOpenerText}\"\n .actions=${actions}\n is-vertical\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
773
781
|
}
|
|
774
782
|
],
|
|
775
783
|
"exports": [
|
|
@@ -778,68 +786,37 @@
|
|
|
778
786
|
"name": "default",
|
|
779
787
|
"declaration": {
|
|
780
788
|
"name": "meta",
|
|
781
|
-
"module": "src/
|
|
789
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
782
790
|
}
|
|
783
791
|
},
|
|
784
792
|
{
|
|
785
793
|
"kind": "js",
|
|
786
|
-
"name": "
|
|
794
|
+
"name": "Horizontal",
|
|
787
795
|
"declaration": {
|
|
788
|
-
"name": "
|
|
789
|
-
"module": "src/
|
|
796
|
+
"name": "Horizontal",
|
|
797
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
790
798
|
}
|
|
791
|
-
}
|
|
792
|
-
]
|
|
793
|
-
},
|
|
794
|
-
{
|
|
795
|
-
"kind": "javascript-module",
|
|
796
|
-
"path": "src/anchor/anchor.styles.ts",
|
|
797
|
-
"declarations": [
|
|
798
|
-
{
|
|
799
|
-
"kind": "function",
|
|
800
|
-
"name": "zeroAnchorStyles",
|
|
801
|
-
"return": {
|
|
802
|
-
"type": {
|
|
803
|
-
"text": "ElementStyles"
|
|
804
|
-
}
|
|
805
|
-
},
|
|
806
|
-
"parameters": [
|
|
807
|
-
{
|
|
808
|
-
"name": "context",
|
|
809
|
-
"type": {
|
|
810
|
-
"text": "ElementDefinitionContext"
|
|
811
|
-
}
|
|
812
|
-
},
|
|
813
|
-
{
|
|
814
|
-
"name": "definition",
|
|
815
|
-
"type": {
|
|
816
|
-
"text": "FoundationElementDefinition"
|
|
817
|
-
}
|
|
818
|
-
}
|
|
819
|
-
]
|
|
820
|
-
}
|
|
821
|
-
],
|
|
822
|
-
"exports": [
|
|
799
|
+
},
|
|
823
800
|
{
|
|
824
801
|
"kind": "js",
|
|
825
|
-
"name": "
|
|
802
|
+
"name": "Vertical",
|
|
826
803
|
"declaration": {
|
|
827
|
-
"name": "
|
|
828
|
-
"module": "src/
|
|
804
|
+
"name": "Vertical",
|
|
805
|
+
"module": "src/actions-menu/actions-menu.stories.ts"
|
|
829
806
|
}
|
|
830
807
|
}
|
|
831
808
|
]
|
|
832
809
|
},
|
|
833
810
|
{
|
|
834
811
|
"kind": "javascript-module",
|
|
835
|
-
"path": "src/
|
|
812
|
+
"path": "src/actions-menu/actions-menu.styles.ts",
|
|
836
813
|
"declarations": [
|
|
837
814
|
{
|
|
838
815
|
"kind": "function",
|
|
839
|
-
"name": "
|
|
816
|
+
"name": "zeroActionsMenuStyles",
|
|
840
817
|
"return": {
|
|
841
818
|
"type": {
|
|
842
|
-
"text": "
|
|
819
|
+
"text": "ElementStyles"
|
|
843
820
|
}
|
|
844
821
|
},
|
|
845
822
|
"parameters": [
|
|
@@ -861,56 +838,58 @@
|
|
|
861
838
|
"exports": [
|
|
862
839
|
{
|
|
863
840
|
"kind": "js",
|
|
864
|
-
"name": "
|
|
841
|
+
"name": "zeroActionsMenuStyles",
|
|
865
842
|
"declaration": {
|
|
866
|
-
"name": "
|
|
867
|
-
"module": "src/
|
|
843
|
+
"name": "zeroActionsMenuStyles",
|
|
844
|
+
"module": "src/actions-menu/actions-menu.styles.ts"
|
|
868
845
|
}
|
|
869
846
|
}
|
|
870
847
|
]
|
|
871
848
|
},
|
|
872
849
|
{
|
|
873
850
|
"kind": "javascript-module",
|
|
874
|
-
"path": "src/
|
|
851
|
+
"path": "src/actions-menu/actions-menu.ts",
|
|
875
852
|
"declarations": [
|
|
876
853
|
{
|
|
877
854
|
"kind": "class",
|
|
878
855
|
"description": "",
|
|
879
|
-
"name": "
|
|
856
|
+
"name": "ActionsMenu",
|
|
880
857
|
"superclass": {
|
|
881
|
-
"name": "
|
|
858
|
+
"name": "FoundationActionsMenu",
|
|
882
859
|
"package": "@genesislcap/foundation-ui"
|
|
883
860
|
},
|
|
884
|
-
"tagName": "%%prefix%%-
|
|
861
|
+
"tagName": "%%prefix%%-actions-menu",
|
|
885
862
|
"customElement": true
|
|
886
863
|
},
|
|
887
864
|
{
|
|
888
865
|
"kind": "variable",
|
|
889
|
-
"name": "
|
|
866
|
+
"name": "zeroActionsMenu",
|
|
867
|
+
"description": "The Zero Actions Menu",
|
|
868
|
+
"privacy": "public"
|
|
890
869
|
}
|
|
891
870
|
],
|
|
892
871
|
"exports": [
|
|
893
872
|
{
|
|
894
873
|
"kind": "js",
|
|
895
|
-
"name": "
|
|
874
|
+
"name": "ActionsMenu",
|
|
896
875
|
"declaration": {
|
|
897
|
-
"name": "
|
|
898
|
-
"module": "src/
|
|
876
|
+
"name": "ActionsMenu",
|
|
877
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
899
878
|
}
|
|
900
879
|
},
|
|
901
880
|
{
|
|
902
881
|
"kind": "js",
|
|
903
|
-
"name": "
|
|
882
|
+
"name": "zeroActionsMenu",
|
|
904
883
|
"declaration": {
|
|
905
|
-
"name": "
|
|
906
|
-
"module": "src/
|
|
884
|
+
"name": "zeroActionsMenu",
|
|
885
|
+
"module": "src/actions-menu/actions-menu.ts"
|
|
907
886
|
}
|
|
908
887
|
}
|
|
909
888
|
]
|
|
910
889
|
},
|
|
911
890
|
{
|
|
912
891
|
"kind": "javascript-module",
|
|
913
|
-
"path": "src/
|
|
892
|
+
"path": "src/actions-menu/index.ts",
|
|
914
893
|
"declarations": [],
|
|
915
894
|
"exports": [
|
|
916
895
|
{
|
|
@@ -918,15 +897,7 @@
|
|
|
918
897
|
"name": "*",
|
|
919
898
|
"declaration": {
|
|
920
899
|
"name": "*",
|
|
921
|
-
"package": "./
|
|
922
|
-
}
|
|
923
|
-
},
|
|
924
|
-
{
|
|
925
|
-
"kind": "js",
|
|
926
|
-
"name": "*",
|
|
927
|
-
"declaration": {
|
|
928
|
-
"name": "*",
|
|
929
|
-
"package": "./anchor.styles"
|
|
900
|
+
"package": "./actions-menu"
|
|
930
901
|
}
|
|
931
902
|
},
|
|
932
903
|
{
|
|
@@ -934,14 +905,14 @@
|
|
|
934
905
|
"name": "*",
|
|
935
906
|
"declaration": {
|
|
936
907
|
"name": "*",
|
|
937
|
-
"package": "./
|
|
908
|
+
"package": "./actions-menu.styles"
|
|
938
909
|
}
|
|
939
910
|
}
|
|
940
911
|
]
|
|
941
912
|
},
|
|
942
913
|
{
|
|
943
914
|
"kind": "javascript-module",
|
|
944
|
-
"path": "src/
|
|
915
|
+
"path": "src/anchor/anchor.stories.ts",
|
|
945
916
|
"declarations": [
|
|
946
917
|
{
|
|
947
918
|
"kind": "variable",
|
|
@@ -949,23 +920,15 @@
|
|
|
949
920
|
"type": {
|
|
950
921
|
"text": "Meta"
|
|
951
922
|
},
|
|
952
|
-
"default": "{\n title: '
|
|
953
|
-
},
|
|
954
|
-
{
|
|
955
|
-
"kind": "variable",
|
|
956
|
-
"name": "Horizontal",
|
|
957
|
-
"type": {
|
|
958
|
-
"text": "StoryObj"
|
|
959
|
-
},
|
|
960
|
-
"default": "{\n args: {\n actions: zeroActions,\n actionsOpenerText: 'Horizontal Actions',\n },\n render: (args) =>\n html`\n <div style=\"${horizontalStyle}\">\n <zero-actions-menu\n name=\"${args.actionsOpenerText}\"\n .actions=${args.actions}\n ></zero-actions-menu>\n </div>\n `,\n}"
|
|
923
|
+
"default": "{\n title: 'Anchor',\n component: 'zero-anchor',\n}"
|
|
961
924
|
},
|
|
962
925
|
{
|
|
963
926
|
"kind": "variable",
|
|
964
|
-
"name": "
|
|
927
|
+
"name": "All",
|
|
965
928
|
"type": {
|
|
966
929
|
"text": "StoryObj"
|
|
967
930
|
},
|
|
968
|
-
"default": "{\n args: {\n
|
|
931
|
+
"default": "{\n args: {\n anchorText: 'Rapid Anchor',\n appearances: ZeroAppearanceValues,\n },\n ...StylesMapperTemplate,\n}"
|
|
969
932
|
}
|
|
970
933
|
],
|
|
971
934
|
"exports": [
|
|
@@ -974,37 +937,68 @@
|
|
|
974
937
|
"name": "default",
|
|
975
938
|
"declaration": {
|
|
976
939
|
"name": "meta",
|
|
977
|
-
"module": "src/
|
|
940
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
978
941
|
}
|
|
979
942
|
},
|
|
980
943
|
{
|
|
981
944
|
"kind": "js",
|
|
982
|
-
"name": "
|
|
945
|
+
"name": "All",
|
|
983
946
|
"declaration": {
|
|
984
|
-
"name": "
|
|
985
|
-
"module": "src/
|
|
947
|
+
"name": "All",
|
|
948
|
+
"module": "src/anchor/anchor.stories.ts"
|
|
986
949
|
}
|
|
987
|
-
}
|
|
950
|
+
}
|
|
951
|
+
]
|
|
952
|
+
},
|
|
953
|
+
{
|
|
954
|
+
"kind": "javascript-module",
|
|
955
|
+
"path": "src/anchor/anchor.styles.ts",
|
|
956
|
+
"declarations": [
|
|
957
|
+
{
|
|
958
|
+
"kind": "function",
|
|
959
|
+
"name": "zeroAnchorStyles",
|
|
960
|
+
"return": {
|
|
961
|
+
"type": {
|
|
962
|
+
"text": "ElementStyles"
|
|
963
|
+
}
|
|
964
|
+
},
|
|
965
|
+
"parameters": [
|
|
966
|
+
{
|
|
967
|
+
"name": "context",
|
|
968
|
+
"type": {
|
|
969
|
+
"text": "ElementDefinitionContext"
|
|
970
|
+
}
|
|
971
|
+
},
|
|
972
|
+
{
|
|
973
|
+
"name": "definition",
|
|
974
|
+
"type": {
|
|
975
|
+
"text": "FoundationElementDefinition"
|
|
976
|
+
}
|
|
977
|
+
}
|
|
978
|
+
]
|
|
979
|
+
}
|
|
980
|
+
],
|
|
981
|
+
"exports": [
|
|
988
982
|
{
|
|
989
983
|
"kind": "js",
|
|
990
|
-
"name": "
|
|
984
|
+
"name": "zeroAnchorStyles",
|
|
991
985
|
"declaration": {
|
|
992
|
-
"name": "
|
|
993
|
-
"module": "src/
|
|
986
|
+
"name": "zeroAnchorStyles",
|
|
987
|
+
"module": "src/anchor/anchor.styles.ts"
|
|
994
988
|
}
|
|
995
989
|
}
|
|
996
990
|
]
|
|
997
991
|
},
|
|
998
992
|
{
|
|
999
993
|
"kind": "javascript-module",
|
|
1000
|
-
"path": "src/
|
|
994
|
+
"path": "src/anchor/anchor.template.ts",
|
|
1001
995
|
"declarations": [
|
|
1002
996
|
{
|
|
1003
997
|
"kind": "function",
|
|
1004
|
-
"name": "
|
|
998
|
+
"name": "zeroAnchorTemplate",
|
|
1005
999
|
"return": {
|
|
1006
1000
|
"type": {
|
|
1007
|
-
"text": "
|
|
1001
|
+
"text": "ViewTemplate<Anchor>"
|
|
1008
1002
|
}
|
|
1009
1003
|
},
|
|
1010
1004
|
"parameters": [
|
|
@@ -1026,58 +1020,56 @@
|
|
|
1026
1020
|
"exports": [
|
|
1027
1021
|
{
|
|
1028
1022
|
"kind": "js",
|
|
1029
|
-
"name": "
|
|
1023
|
+
"name": "zeroAnchorTemplate",
|
|
1030
1024
|
"declaration": {
|
|
1031
|
-
"name": "
|
|
1032
|
-
"module": "src/
|
|
1025
|
+
"name": "zeroAnchorTemplate",
|
|
1026
|
+
"module": "src/anchor/anchor.template.ts"
|
|
1033
1027
|
}
|
|
1034
1028
|
}
|
|
1035
1029
|
]
|
|
1036
1030
|
},
|
|
1037
1031
|
{
|
|
1038
1032
|
"kind": "javascript-module",
|
|
1039
|
-
"path": "src/
|
|
1033
|
+
"path": "src/anchor/anchor.ts",
|
|
1040
1034
|
"declarations": [
|
|
1041
1035
|
{
|
|
1042
1036
|
"kind": "class",
|
|
1043
1037
|
"description": "",
|
|
1044
|
-
"name": "
|
|
1038
|
+
"name": "Anchor",
|
|
1045
1039
|
"superclass": {
|
|
1046
|
-
"name": "
|
|
1040
|
+
"name": "FoundationAnchor",
|
|
1047
1041
|
"package": "@genesislcap/foundation-ui"
|
|
1048
1042
|
},
|
|
1049
|
-
"tagName": "%%prefix%%-
|
|
1043
|
+
"tagName": "%%prefix%%-anchor",
|
|
1050
1044
|
"customElement": true
|
|
1051
1045
|
},
|
|
1052
1046
|
{
|
|
1053
1047
|
"kind": "variable",
|
|
1054
|
-
"name": "
|
|
1055
|
-
"description": "The Zero Actions Menu",
|
|
1056
|
-
"privacy": "public"
|
|
1048
|
+
"name": "zeroAnchor"
|
|
1057
1049
|
}
|
|
1058
1050
|
],
|
|
1059
1051
|
"exports": [
|
|
1060
1052
|
{
|
|
1061
1053
|
"kind": "js",
|
|
1062
|
-
"name": "
|
|
1054
|
+
"name": "Anchor",
|
|
1063
1055
|
"declaration": {
|
|
1064
|
-
"name": "
|
|
1065
|
-
"module": "src/
|
|
1056
|
+
"name": "Anchor",
|
|
1057
|
+
"module": "src/anchor/anchor.ts"
|
|
1066
1058
|
}
|
|
1067
1059
|
},
|
|
1068
1060
|
{
|
|
1069
1061
|
"kind": "js",
|
|
1070
|
-
"name": "
|
|
1062
|
+
"name": "zeroAnchor",
|
|
1071
1063
|
"declaration": {
|
|
1072
|
-
"name": "
|
|
1073
|
-
"module": "src/
|
|
1064
|
+
"name": "zeroAnchor",
|
|
1065
|
+
"module": "src/anchor/anchor.ts"
|
|
1074
1066
|
}
|
|
1075
1067
|
}
|
|
1076
1068
|
]
|
|
1077
1069
|
},
|
|
1078
1070
|
{
|
|
1079
1071
|
"kind": "javascript-module",
|
|
1080
|
-
"path": "src/
|
|
1072
|
+
"path": "src/anchor/index.ts",
|
|
1081
1073
|
"declarations": [],
|
|
1082
1074
|
"exports": [
|
|
1083
1075
|
{
|
|
@@ -1085,7 +1077,7 @@
|
|
|
1085
1077
|
"name": "*",
|
|
1086
1078
|
"declaration": {
|
|
1087
1079
|
"name": "*",
|
|
1088
|
-
"package": "./
|
|
1080
|
+
"package": "./anchor"
|
|
1089
1081
|
}
|
|
1090
1082
|
},
|
|
1091
1083
|
{
|
|
@@ -1093,7 +1085,15 @@
|
|
|
1093
1085
|
"name": "*",
|
|
1094
1086
|
"declaration": {
|
|
1095
1087
|
"name": "*",
|
|
1096
|
-
"package": "./
|
|
1088
|
+
"package": "./anchor.styles"
|
|
1089
|
+
}
|
|
1090
|
+
},
|
|
1091
|
+
{
|
|
1092
|
+
"kind": "js",
|
|
1093
|
+
"name": "*",
|
|
1094
|
+
"declaration": {
|
|
1095
|
+
"name": "*",
|
|
1096
|
+
"package": "./anchor.template"
|
|
1097
1097
|
}
|
|
1098
1098
|
}
|
|
1099
1099
|
]
|
|
@@ -11225,28 +11225,272 @@
|
|
|
11225
11225
|
},
|
|
11226
11226
|
{
|
|
11227
11227
|
"kind": "javascript-module",
|
|
11228
|
-
"path": "src/_config/
|
|
11229
|
-
"declarations": [
|
|
11228
|
+
"path": "src/_config/values/color.ts",
|
|
11229
|
+
"declarations": [
|
|
11230
|
+
{
|
|
11231
|
+
"kind": "variable",
|
|
11232
|
+
"name": "accentPaletteValue"
|
|
11233
|
+
},
|
|
11234
|
+
{
|
|
11235
|
+
"kind": "variable",
|
|
11236
|
+
"name": "neutralPaletteValue"
|
|
11237
|
+
},
|
|
11238
|
+
{
|
|
11239
|
+
"kind": "variable",
|
|
11240
|
+
"name": "baseLayerLuminanceValue"
|
|
11241
|
+
}
|
|
11242
|
+
],
|
|
11230
11243
|
"exports": [
|
|
11231
11244
|
{
|
|
11232
11245
|
"kind": "js",
|
|
11233
|
-
"name": "
|
|
11246
|
+
"name": "accentPaletteValue",
|
|
11234
11247
|
"declaration": {
|
|
11235
|
-
"name": "
|
|
11236
|
-
"
|
|
11248
|
+
"name": "accentPaletteValue",
|
|
11249
|
+
"module": "src/_config/values/color.ts"
|
|
11237
11250
|
}
|
|
11238
11251
|
},
|
|
11239
11252
|
{
|
|
11240
11253
|
"kind": "js",
|
|
11241
|
-
"name": "
|
|
11254
|
+
"name": "neutralPaletteValue",
|
|
11242
11255
|
"declaration": {
|
|
11243
|
-
"name": "
|
|
11244
|
-
"
|
|
11256
|
+
"name": "neutralPaletteValue",
|
|
11257
|
+
"module": "src/_config/values/color.ts"
|
|
11245
11258
|
}
|
|
11246
11259
|
},
|
|
11247
11260
|
{
|
|
11248
11261
|
"kind": "js",
|
|
11249
|
-
"name": "
|
|
11262
|
+
"name": "baseLayerLuminanceValue",
|
|
11263
|
+
"declaration": {
|
|
11264
|
+
"name": "baseLayerLuminanceValue",
|
|
11265
|
+
"module": "src/_config/values/color.ts"
|
|
11266
|
+
}
|
|
11267
|
+
}
|
|
11268
|
+
]
|
|
11269
|
+
},
|
|
11270
|
+
{
|
|
11271
|
+
"kind": "javascript-module",
|
|
11272
|
+
"path": "src/_config/values/defaults.ts",
|
|
11273
|
+
"declarations": [
|
|
11274
|
+
{
|
|
11275
|
+
"kind": "variable",
|
|
11276
|
+
"name": "designTokens",
|
|
11277
|
+
"type": {
|
|
11278
|
+
"text": "DesignTokensConfig"
|
|
11279
|
+
},
|
|
11280
|
+
"default": "{\n design_tokens: {\n color: {\n accent: {\n $value: accentPaletteValue.source.toColorString(),\n $type: 'color',\n },\n neutral: {\n $value: neutralPaletteValue.source.toColorString(),\n $type: 'color',\n },\n },\n fontFamily: {\n bodyFont: {\n $value: bodyFontValue,\n $type: 'fontFamily',\n },\n },\n typography: {\n baseFontSize: {\n $value: typeRampBaseFontSizeValue,\n $type: 'dimension',\n },\n baseLineHeight: {\n $value: typeRampBaseLineHeightValue,\n $type: 'dimension',\n },\n },\n mode: {\n luminance: {\n $value: baseLayerLuminanceValue,\n $type: 'number',\n },\n },\n style: {\n density: {\n $value: densityValue,\n $type: 'number',\n },\n borderRadius: {\n $value: controlCornerRadiusValue,\n $type: 'number',\n },\n strokeWidth: {\n $value: strokeWidthValue,\n $type: 'number',\n },\n },\n space: {\n designUnit: {\n $value: designUnitValue,\n $type: 'number',\n },\n },\n },\n}"
|
|
11281
|
+
}
|
|
11282
|
+
],
|
|
11283
|
+
"exports": [
|
|
11284
|
+
{
|
|
11285
|
+
"kind": "js",
|
|
11286
|
+
"name": "designTokens",
|
|
11287
|
+
"declaration": {
|
|
11288
|
+
"name": "designTokens",
|
|
11289
|
+
"module": "src/_config/values/defaults.ts"
|
|
11290
|
+
}
|
|
11291
|
+
}
|
|
11292
|
+
]
|
|
11293
|
+
},
|
|
11294
|
+
{
|
|
11295
|
+
"kind": "javascript-module",
|
|
11296
|
+
"path": "src/_config/values/index.ts",
|
|
11297
|
+
"declarations": [],
|
|
11298
|
+
"exports": [
|
|
11299
|
+
{
|
|
11300
|
+
"kind": "js",
|
|
11301
|
+
"name": "*",
|
|
11302
|
+
"declaration": {
|
|
11303
|
+
"name": "*",
|
|
11304
|
+
"package": "./color"
|
|
11305
|
+
}
|
|
11306
|
+
},
|
|
11307
|
+
{
|
|
11308
|
+
"kind": "js",
|
|
11309
|
+
"name": "*",
|
|
11310
|
+
"declaration": {
|
|
11311
|
+
"name": "*",
|
|
11312
|
+
"package": "./misc"
|
|
11313
|
+
}
|
|
11314
|
+
},
|
|
11315
|
+
{
|
|
11316
|
+
"kind": "js",
|
|
11317
|
+
"name": "*",
|
|
11318
|
+
"declaration": {
|
|
11319
|
+
"name": "*",
|
|
11320
|
+
"package": "./sizing"
|
|
11321
|
+
}
|
|
11322
|
+
},
|
|
11323
|
+
{
|
|
11324
|
+
"kind": "js",
|
|
11325
|
+
"name": "*",
|
|
11326
|
+
"declaration": {
|
|
11327
|
+
"name": "*",
|
|
11328
|
+
"package": "./typography"
|
|
11329
|
+
}
|
|
11330
|
+
},
|
|
11331
|
+
{
|
|
11332
|
+
"kind": "js",
|
|
11333
|
+
"name": "*",
|
|
11334
|
+
"declaration": {
|
|
11335
|
+
"name": "*",
|
|
11336
|
+
"package": "./defaults"
|
|
11337
|
+
}
|
|
11338
|
+
}
|
|
11339
|
+
]
|
|
11340
|
+
},
|
|
11341
|
+
{
|
|
11342
|
+
"kind": "javascript-module",
|
|
11343
|
+
"path": "src/_config/values/misc.ts",
|
|
11344
|
+
"declarations": [
|
|
11345
|
+
{
|
|
11346
|
+
"kind": "variable",
|
|
11347
|
+
"name": "directionValue"
|
|
11348
|
+
},
|
|
11349
|
+
{
|
|
11350
|
+
"kind": "variable",
|
|
11351
|
+
"name": "strokeWidthValue"
|
|
11352
|
+
}
|
|
11353
|
+
],
|
|
11354
|
+
"exports": [
|
|
11355
|
+
{
|
|
11356
|
+
"kind": "js",
|
|
11357
|
+
"name": "directionValue",
|
|
11358
|
+
"declaration": {
|
|
11359
|
+
"name": "directionValue",
|
|
11360
|
+
"module": "src/_config/values/misc.ts"
|
|
11361
|
+
}
|
|
11362
|
+
},
|
|
11363
|
+
{
|
|
11364
|
+
"kind": "js",
|
|
11365
|
+
"name": "strokeWidthValue",
|
|
11366
|
+
"declaration": {
|
|
11367
|
+
"name": "strokeWidthValue",
|
|
11368
|
+
"module": "src/_config/values/misc.ts"
|
|
11369
|
+
}
|
|
11370
|
+
}
|
|
11371
|
+
]
|
|
11372
|
+
},
|
|
11373
|
+
{
|
|
11374
|
+
"kind": "javascript-module",
|
|
11375
|
+
"path": "src/_config/values/sizing.ts",
|
|
11376
|
+
"declarations": [
|
|
11377
|
+
{
|
|
11378
|
+
"kind": "variable",
|
|
11379
|
+
"name": "controlCornerRadiusValue",
|
|
11380
|
+
"type": {
|
|
11381
|
+
"text": "number"
|
|
11382
|
+
},
|
|
11383
|
+
"default": "4"
|
|
11384
|
+
},
|
|
11385
|
+
{
|
|
11386
|
+
"kind": "variable",
|
|
11387
|
+
"name": "densityValue"
|
|
11388
|
+
},
|
|
11389
|
+
{
|
|
11390
|
+
"kind": "variable",
|
|
11391
|
+
"name": "designUnitValue",
|
|
11392
|
+
"type": {
|
|
11393
|
+
"text": "number"
|
|
11394
|
+
},
|
|
11395
|
+
"default": "4"
|
|
11396
|
+
}
|
|
11397
|
+
],
|
|
11398
|
+
"exports": [
|
|
11399
|
+
{
|
|
11400
|
+
"kind": "js",
|
|
11401
|
+
"name": "controlCornerRadiusValue",
|
|
11402
|
+
"declaration": {
|
|
11403
|
+
"name": "controlCornerRadiusValue",
|
|
11404
|
+
"module": "src/_config/values/sizing.ts"
|
|
11405
|
+
}
|
|
11406
|
+
},
|
|
11407
|
+
{
|
|
11408
|
+
"kind": "js",
|
|
11409
|
+
"name": "densityValue",
|
|
11410
|
+
"declaration": {
|
|
11411
|
+
"name": "densityValue",
|
|
11412
|
+
"module": "src/_config/values/sizing.ts"
|
|
11413
|
+
}
|
|
11414
|
+
},
|
|
11415
|
+
{
|
|
11416
|
+
"kind": "js",
|
|
11417
|
+
"name": "designUnitValue",
|
|
11418
|
+
"declaration": {
|
|
11419
|
+
"name": "designUnitValue",
|
|
11420
|
+
"module": "src/_config/values/sizing.ts"
|
|
11421
|
+
}
|
|
11422
|
+
}
|
|
11423
|
+
]
|
|
11424
|
+
},
|
|
11425
|
+
{
|
|
11426
|
+
"kind": "javascript-module",
|
|
11427
|
+
"path": "src/_config/values/typography.ts",
|
|
11428
|
+
"declarations": [
|
|
11429
|
+
{
|
|
11430
|
+
"kind": "variable",
|
|
11431
|
+
"name": "bodyFontValue",
|
|
11432
|
+
"default": "robotoFontFamily"
|
|
11433
|
+
},
|
|
11434
|
+
{
|
|
11435
|
+
"kind": "variable",
|
|
11436
|
+
"name": "typeRampBaseFontSizeValue"
|
|
11437
|
+
},
|
|
11438
|
+
{
|
|
11439
|
+
"kind": "variable",
|
|
11440
|
+
"name": "typeRampBaseLineHeightValue"
|
|
11441
|
+
}
|
|
11442
|
+
],
|
|
11443
|
+
"exports": [
|
|
11444
|
+
{
|
|
11445
|
+
"kind": "js",
|
|
11446
|
+
"name": "bodyFontValue",
|
|
11447
|
+
"declaration": {
|
|
11448
|
+
"name": "bodyFontValue",
|
|
11449
|
+
"module": "src/_config/values/typography.ts"
|
|
11450
|
+
}
|
|
11451
|
+
},
|
|
11452
|
+
{
|
|
11453
|
+
"kind": "js",
|
|
11454
|
+
"name": "typeRampBaseFontSizeValue",
|
|
11455
|
+
"declaration": {
|
|
11456
|
+
"name": "typeRampBaseFontSizeValue",
|
|
11457
|
+
"module": "src/_config/values/typography.ts"
|
|
11458
|
+
}
|
|
11459
|
+
},
|
|
11460
|
+
{
|
|
11461
|
+
"kind": "js",
|
|
11462
|
+
"name": "typeRampBaseLineHeightValue",
|
|
11463
|
+
"declaration": {
|
|
11464
|
+
"name": "typeRampBaseLineHeightValue",
|
|
11465
|
+
"module": "src/_config/values/typography.ts"
|
|
11466
|
+
}
|
|
11467
|
+
}
|
|
11468
|
+
]
|
|
11469
|
+
},
|
|
11470
|
+
{
|
|
11471
|
+
"kind": "javascript-module",
|
|
11472
|
+
"path": "src/_config/tokens/default.ts",
|
|
11473
|
+
"declarations": [],
|
|
11474
|
+
"exports": [
|
|
11475
|
+
{
|
|
11476
|
+
"kind": "js",
|
|
11477
|
+
"name": "accentFillActive",
|
|
11478
|
+
"declaration": {
|
|
11479
|
+
"name": "accentFillActive",
|
|
11480
|
+
"package": "@microsoft/fast-components"
|
|
11481
|
+
}
|
|
11482
|
+
},
|
|
11483
|
+
{
|
|
11484
|
+
"kind": "js",
|
|
11485
|
+
"name": "accentFillActiveDelta",
|
|
11486
|
+
"declaration": {
|
|
11487
|
+
"name": "accentFillActiveDelta",
|
|
11488
|
+
"package": "@microsoft/fast-components"
|
|
11489
|
+
}
|
|
11490
|
+
},
|
|
11491
|
+
{
|
|
11492
|
+
"kind": "js",
|
|
11493
|
+
"name": "accentFillFocus",
|
|
11250
11494
|
"declaration": {
|
|
11251
11495
|
"name": "accentFillFocus",
|
|
11252
11496
|
"package": "@microsoft/fast-components"
|
|
@@ -12117,250 +12361,6 @@
|
|
|
12117
12361
|
}
|
|
12118
12362
|
]
|
|
12119
12363
|
},
|
|
12120
|
-
{
|
|
12121
|
-
"kind": "javascript-module",
|
|
12122
|
-
"path": "src/_config/values/color.ts",
|
|
12123
|
-
"declarations": [
|
|
12124
|
-
{
|
|
12125
|
-
"kind": "variable",
|
|
12126
|
-
"name": "accentPaletteValue"
|
|
12127
|
-
},
|
|
12128
|
-
{
|
|
12129
|
-
"kind": "variable",
|
|
12130
|
-
"name": "neutralPaletteValue"
|
|
12131
|
-
},
|
|
12132
|
-
{
|
|
12133
|
-
"kind": "variable",
|
|
12134
|
-
"name": "baseLayerLuminanceValue"
|
|
12135
|
-
}
|
|
12136
|
-
],
|
|
12137
|
-
"exports": [
|
|
12138
|
-
{
|
|
12139
|
-
"kind": "js",
|
|
12140
|
-
"name": "accentPaletteValue",
|
|
12141
|
-
"declaration": {
|
|
12142
|
-
"name": "accentPaletteValue",
|
|
12143
|
-
"module": "src/_config/values/color.ts"
|
|
12144
|
-
}
|
|
12145
|
-
},
|
|
12146
|
-
{
|
|
12147
|
-
"kind": "js",
|
|
12148
|
-
"name": "neutralPaletteValue",
|
|
12149
|
-
"declaration": {
|
|
12150
|
-
"name": "neutralPaletteValue",
|
|
12151
|
-
"module": "src/_config/values/color.ts"
|
|
12152
|
-
}
|
|
12153
|
-
},
|
|
12154
|
-
{
|
|
12155
|
-
"kind": "js",
|
|
12156
|
-
"name": "baseLayerLuminanceValue",
|
|
12157
|
-
"declaration": {
|
|
12158
|
-
"name": "baseLayerLuminanceValue",
|
|
12159
|
-
"module": "src/_config/values/color.ts"
|
|
12160
|
-
}
|
|
12161
|
-
}
|
|
12162
|
-
]
|
|
12163
|
-
},
|
|
12164
|
-
{
|
|
12165
|
-
"kind": "javascript-module",
|
|
12166
|
-
"path": "src/_config/values/defaults.ts",
|
|
12167
|
-
"declarations": [
|
|
12168
|
-
{
|
|
12169
|
-
"kind": "variable",
|
|
12170
|
-
"name": "designTokens",
|
|
12171
|
-
"type": {
|
|
12172
|
-
"text": "DesignTokensConfig"
|
|
12173
|
-
},
|
|
12174
|
-
"default": "{\n design_tokens: {\n color: {\n accent: {\n $value: accentPaletteValue.source.toColorString(),\n $type: 'color',\n },\n neutral: {\n $value: neutralPaletteValue.source.toColorString(),\n $type: 'color',\n },\n },\n fontFamily: {\n bodyFont: {\n $value: bodyFontValue,\n $type: 'fontFamily',\n },\n },\n typography: {\n baseFontSize: {\n $value: typeRampBaseFontSizeValue,\n $type: 'dimension',\n },\n baseLineHeight: {\n $value: typeRampBaseLineHeightValue,\n $type: 'dimension',\n },\n },\n mode: {\n luminance: {\n $value: baseLayerLuminanceValue,\n $type: 'number',\n },\n },\n style: {\n density: {\n $value: densityValue,\n $type: 'number',\n },\n borderRadius: {\n $value: controlCornerRadiusValue,\n $type: 'number',\n },\n strokeWidth: {\n $value: strokeWidthValue,\n $type: 'number',\n },\n },\n space: {\n designUnit: {\n $value: designUnitValue,\n $type: 'number',\n },\n },\n },\n}"
|
|
12175
|
-
}
|
|
12176
|
-
],
|
|
12177
|
-
"exports": [
|
|
12178
|
-
{
|
|
12179
|
-
"kind": "js",
|
|
12180
|
-
"name": "designTokens",
|
|
12181
|
-
"declaration": {
|
|
12182
|
-
"name": "designTokens",
|
|
12183
|
-
"module": "src/_config/values/defaults.ts"
|
|
12184
|
-
}
|
|
12185
|
-
}
|
|
12186
|
-
]
|
|
12187
|
-
},
|
|
12188
|
-
{
|
|
12189
|
-
"kind": "javascript-module",
|
|
12190
|
-
"path": "src/_config/values/index.ts",
|
|
12191
|
-
"declarations": [],
|
|
12192
|
-
"exports": [
|
|
12193
|
-
{
|
|
12194
|
-
"kind": "js",
|
|
12195
|
-
"name": "*",
|
|
12196
|
-
"declaration": {
|
|
12197
|
-
"name": "*",
|
|
12198
|
-
"package": "./color"
|
|
12199
|
-
}
|
|
12200
|
-
},
|
|
12201
|
-
{
|
|
12202
|
-
"kind": "js",
|
|
12203
|
-
"name": "*",
|
|
12204
|
-
"declaration": {
|
|
12205
|
-
"name": "*",
|
|
12206
|
-
"package": "./misc"
|
|
12207
|
-
}
|
|
12208
|
-
},
|
|
12209
|
-
{
|
|
12210
|
-
"kind": "js",
|
|
12211
|
-
"name": "*",
|
|
12212
|
-
"declaration": {
|
|
12213
|
-
"name": "*",
|
|
12214
|
-
"package": "./sizing"
|
|
12215
|
-
}
|
|
12216
|
-
},
|
|
12217
|
-
{
|
|
12218
|
-
"kind": "js",
|
|
12219
|
-
"name": "*",
|
|
12220
|
-
"declaration": {
|
|
12221
|
-
"name": "*",
|
|
12222
|
-
"package": "./typography"
|
|
12223
|
-
}
|
|
12224
|
-
},
|
|
12225
|
-
{
|
|
12226
|
-
"kind": "js",
|
|
12227
|
-
"name": "*",
|
|
12228
|
-
"declaration": {
|
|
12229
|
-
"name": "*",
|
|
12230
|
-
"package": "./defaults"
|
|
12231
|
-
}
|
|
12232
|
-
}
|
|
12233
|
-
]
|
|
12234
|
-
},
|
|
12235
|
-
{
|
|
12236
|
-
"kind": "javascript-module",
|
|
12237
|
-
"path": "src/_config/values/misc.ts",
|
|
12238
|
-
"declarations": [
|
|
12239
|
-
{
|
|
12240
|
-
"kind": "variable",
|
|
12241
|
-
"name": "directionValue"
|
|
12242
|
-
},
|
|
12243
|
-
{
|
|
12244
|
-
"kind": "variable",
|
|
12245
|
-
"name": "strokeWidthValue"
|
|
12246
|
-
}
|
|
12247
|
-
],
|
|
12248
|
-
"exports": [
|
|
12249
|
-
{
|
|
12250
|
-
"kind": "js",
|
|
12251
|
-
"name": "directionValue",
|
|
12252
|
-
"declaration": {
|
|
12253
|
-
"name": "directionValue",
|
|
12254
|
-
"module": "src/_config/values/misc.ts"
|
|
12255
|
-
}
|
|
12256
|
-
},
|
|
12257
|
-
{
|
|
12258
|
-
"kind": "js",
|
|
12259
|
-
"name": "strokeWidthValue",
|
|
12260
|
-
"declaration": {
|
|
12261
|
-
"name": "strokeWidthValue",
|
|
12262
|
-
"module": "src/_config/values/misc.ts"
|
|
12263
|
-
}
|
|
12264
|
-
}
|
|
12265
|
-
]
|
|
12266
|
-
},
|
|
12267
|
-
{
|
|
12268
|
-
"kind": "javascript-module",
|
|
12269
|
-
"path": "src/_config/values/sizing.ts",
|
|
12270
|
-
"declarations": [
|
|
12271
|
-
{
|
|
12272
|
-
"kind": "variable",
|
|
12273
|
-
"name": "controlCornerRadiusValue",
|
|
12274
|
-
"type": {
|
|
12275
|
-
"text": "number"
|
|
12276
|
-
},
|
|
12277
|
-
"default": "4"
|
|
12278
|
-
},
|
|
12279
|
-
{
|
|
12280
|
-
"kind": "variable",
|
|
12281
|
-
"name": "densityValue"
|
|
12282
|
-
},
|
|
12283
|
-
{
|
|
12284
|
-
"kind": "variable",
|
|
12285
|
-
"name": "designUnitValue",
|
|
12286
|
-
"type": {
|
|
12287
|
-
"text": "number"
|
|
12288
|
-
},
|
|
12289
|
-
"default": "4"
|
|
12290
|
-
}
|
|
12291
|
-
],
|
|
12292
|
-
"exports": [
|
|
12293
|
-
{
|
|
12294
|
-
"kind": "js",
|
|
12295
|
-
"name": "controlCornerRadiusValue",
|
|
12296
|
-
"declaration": {
|
|
12297
|
-
"name": "controlCornerRadiusValue",
|
|
12298
|
-
"module": "src/_config/values/sizing.ts"
|
|
12299
|
-
}
|
|
12300
|
-
},
|
|
12301
|
-
{
|
|
12302
|
-
"kind": "js",
|
|
12303
|
-
"name": "densityValue",
|
|
12304
|
-
"declaration": {
|
|
12305
|
-
"name": "densityValue",
|
|
12306
|
-
"module": "src/_config/values/sizing.ts"
|
|
12307
|
-
}
|
|
12308
|
-
},
|
|
12309
|
-
{
|
|
12310
|
-
"kind": "js",
|
|
12311
|
-
"name": "designUnitValue",
|
|
12312
|
-
"declaration": {
|
|
12313
|
-
"name": "designUnitValue",
|
|
12314
|
-
"module": "src/_config/values/sizing.ts"
|
|
12315
|
-
}
|
|
12316
|
-
}
|
|
12317
|
-
]
|
|
12318
|
-
},
|
|
12319
|
-
{
|
|
12320
|
-
"kind": "javascript-module",
|
|
12321
|
-
"path": "src/_config/values/typography.ts",
|
|
12322
|
-
"declarations": [
|
|
12323
|
-
{
|
|
12324
|
-
"kind": "variable",
|
|
12325
|
-
"name": "bodyFontValue",
|
|
12326
|
-
"default": "robotoFontFamily"
|
|
12327
|
-
},
|
|
12328
|
-
{
|
|
12329
|
-
"kind": "variable",
|
|
12330
|
-
"name": "typeRampBaseFontSizeValue"
|
|
12331
|
-
},
|
|
12332
|
-
{
|
|
12333
|
-
"kind": "variable",
|
|
12334
|
-
"name": "typeRampBaseLineHeightValue"
|
|
12335
|
-
}
|
|
12336
|
-
],
|
|
12337
|
-
"exports": [
|
|
12338
|
-
{
|
|
12339
|
-
"kind": "js",
|
|
12340
|
-
"name": "bodyFontValue",
|
|
12341
|
-
"declaration": {
|
|
12342
|
-
"name": "bodyFontValue",
|
|
12343
|
-
"module": "src/_config/values/typography.ts"
|
|
12344
|
-
}
|
|
12345
|
-
},
|
|
12346
|
-
{
|
|
12347
|
-
"kind": "js",
|
|
12348
|
-
"name": "typeRampBaseFontSizeValue",
|
|
12349
|
-
"declaration": {
|
|
12350
|
-
"name": "typeRampBaseFontSizeValue",
|
|
12351
|
-
"module": "src/_config/values/typography.ts"
|
|
12352
|
-
}
|
|
12353
|
-
},
|
|
12354
|
-
{
|
|
12355
|
-
"kind": "js",
|
|
12356
|
-
"name": "typeRampBaseLineHeightValue",
|
|
12357
|
-
"declaration": {
|
|
12358
|
-
"name": "typeRampBaseLineHeightValue",
|
|
12359
|
-
"module": "src/_config/values/typography.ts"
|
|
12360
|
-
}
|
|
12361
|
-
}
|
|
12362
|
-
]
|
|
12363
|
-
},
|
|
12364
12364
|
{
|
|
12365
12365
|
"kind": "javascript-module",
|
|
12366
12366
|
"path": "src/dialog/styles/colors.ts",
|
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.50.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.50.0",
|
|
66
66
|
"@storybook/addon-essentials": "^7.0.0",
|
|
67
67
|
"@storybook/addon-links": "^7.0.0",
|
|
68
68
|
"@storybook/addons": "^7.0.0",
|
|
@@ -75,9 +75,9 @@
|
|
|
75
75
|
"storybook": "^7.0.0"
|
|
76
76
|
},
|
|
77
77
|
"dependencies": {
|
|
78
|
-
"@genesislcap/foundation-comms": "^14.
|
|
79
|
-
"@genesislcap/foundation-ui": "^14.
|
|
80
|
-
"@genesislcap/foundation-utils": "^14.
|
|
78
|
+
"@genesislcap/foundation-comms": "^14.50.0",
|
|
79
|
+
"@genesislcap/foundation-ui": "^14.50.0",
|
|
80
|
+
"@genesislcap/foundation-utils": "^14.50.0",
|
|
81
81
|
"@microsoft/fast-colors": "^5.1.4",
|
|
82
82
|
"@microsoft/fast-components": "^2.21.3",
|
|
83
83
|
"@microsoft/fast-element": "^1.7.0",
|
|
@@ -94,5 +94,5 @@
|
|
|
94
94
|
"access": "public"
|
|
95
95
|
},
|
|
96
96
|
"customElements": "dist/custom-elements.json",
|
|
97
|
-
"gitHead": "
|
|
97
|
+
"gitHead": "c19d65aecc40c8063f5d90dfd993e4fb00d8b8a7"
|
|
98
98
|
}
|