@genesislcap/foundation-ui 14.192.2 → 14.192.3-alpha-1303ae2.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 (2) hide show
  1. package/dist/custom-elements.json +353 -353
  2. package/package.json +16 -16
package/dist/custom-elements.json CHANGED
@@ -862,188 +862,6 @@
862
862
  }
863
863
  ]
864
864
  },
865
- {
866
- "kind": "javascript-module",
867
- "path": "src/accordion/accordion.styles.ts",
868
- "declarations": [
869
- {
870
- "kind": "function",
871
- "name": "foundationAccordionStyles",
872
- "return": {
873
- "type": {
874
- "text": "ElementStyles"
875
- }
876
- },
877
- "parameters": [
878
- {
879
- "name": "context",
880
- "type": {
881
- "text": "ElementDefinitionContext"
882
- }
883
- },
884
- {
885
- "name": "definition",
886
- "type": {
887
- "text": "FoundationElementDefinition"
888
- }
889
- }
890
- ]
891
- }
892
- ],
893
- "exports": [
894
- {
895
- "kind": "js",
896
- "name": "foundationAccordionStyles",
897
- "declaration": {
898
- "name": "foundationAccordionStyles",
899
- "module": "src/accordion/accordion.styles.ts"
900
- }
901
- }
902
- ]
903
- },
904
- {
905
- "kind": "javascript-module",
906
- "path": "src/accordion/accordion.template.ts",
907
- "declarations": [
908
- {
909
- "kind": "function",
910
- "name": "foundationAccordionTemplate",
911
- "return": {
912
- "type": {
913
- "text": "ViewTemplate<Accordion>"
914
- }
915
- },
916
- "parameters": [
917
- {
918
- "name": "context",
919
- "type": {
920
- "text": "ElementDefinitionContext"
921
- }
922
- },
923
- {
924
- "name": "definition",
925
- "type": {
926
- "text": "FoundationElementDefinition"
927
- }
928
- }
929
- ]
930
- }
931
- ],
932
- "exports": [
933
- {
934
- "kind": "js",
935
- "name": "foundationAccordionTemplate",
936
- "declaration": {
937
- "name": "foundationAccordionTemplate",
938
- "module": "src/accordion/accordion.template.ts"
939
- }
940
- }
941
- ]
942
- },
943
- {
944
- "kind": "javascript-module",
945
- "path": "src/accordion/accordion.ts",
946
- "declarations": [
947
- {
948
- "kind": "class",
949
- "description": "",
950
- "name": "Accordion",
951
- "superclass": {
952
- "name": "FASTAccordion",
953
- "package": "@microsoft/fast-foundation"
954
- },
955
- "tagName": "%%prefix%%-accordion",
956
- "customElement": true
957
- },
958
- {
959
- "kind": "variable",
960
- "name": "foundationAccordionShadowOptions",
961
- "type": {
962
- "text": "ShadowRootInit"
963
- },
964
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
965
- },
966
- {
967
- "kind": "variable",
968
- "name": "defaultAccordionConfig",
969
- "type": {
970
- "text": "object"
971
- },
972
- "default": "{}"
973
- },
974
- {
975
- "kind": "variable",
976
- "name": "foundationAccordion",
977
- "description": "The Foundation Accordion",
978
- "privacy": "public"
979
- }
980
- ],
981
- "exports": [
982
- {
983
- "kind": "js",
984
- "name": "Accordion",
985
- "declaration": {
986
- "name": "Accordion",
987
- "module": "src/accordion/accordion.ts"
988
- }
989
- },
990
- {
991
- "kind": "js",
992
- "name": "foundationAccordionShadowOptions",
993
- "declaration": {
994
- "name": "foundationAccordionShadowOptions",
995
- "module": "src/accordion/accordion.ts"
996
- }
997
- },
998
- {
999
- "kind": "js",
1000
- "name": "defaultAccordionConfig",
1001
- "declaration": {
1002
- "name": "defaultAccordionConfig",
1003
- "module": "src/accordion/accordion.ts"
1004
- }
1005
- },
1006
- {
1007
- "kind": "js",
1008
- "name": "foundationAccordion",
1009
- "declaration": {
1010
- "name": "foundationAccordion",
1011
- "module": "src/accordion/accordion.ts"
1012
- }
1013
- }
1014
- ]
1015
- },
1016
- {
1017
- "kind": "javascript-module",
1018
- "path": "src/accordion/index.ts",
1019
- "declarations": [],
1020
- "exports": [
1021
- {
1022
- "kind": "js",
1023
- "name": "*",
1024
- "declaration": {
1025
- "name": "*",
1026
- "package": "./accordion.template"
1027
- }
1028
- },
1029
- {
1030
- "kind": "js",
1031
- "name": "*",
1032
- "declaration": {
1033
- "name": "*",
1034
- "package": "./accordion.styles"
1035
- }
1036
- },
1037
- {
1038
- "kind": "js",
1039
- "name": "*",
1040
- "declaration": {
1041
- "name": "*",
1042
- "package": "./accordion"
1043
- }
1044
- }
1045
- ]
1046
- },
1047
865
  {
1048
866
  "kind": "javascript-module",
1049
867
  "path": "src/accordion-item/accordion-item.styles.ts",
@@ -4140,11 +3958,11 @@
4140
3958
  },
4141
3959
  {
4142
3960
  "kind": "javascript-module",
4143
- "path": "src/avatar/avatar.styles.ts",
3961
+ "path": "src/accordion/accordion.styles.ts",
4144
3962
  "declarations": [
4145
3963
  {
4146
3964
  "kind": "function",
4147
- "name": "foundationAvatarStyles",
3965
+ "name": "foundationAccordionStyles",
4148
3966
  "return": {
4149
3967
  "type": {
4150
3968
  "text": "ElementStyles"
@@ -4169,24 +3987,24 @@
4169
3987
  "exports": [
4170
3988
  {
4171
3989
  "kind": "js",
4172
- "name": "foundationAvatarStyles",
3990
+ "name": "foundationAccordionStyles",
4173
3991
  "declaration": {
4174
- "name": "foundationAvatarStyles",
4175
- "module": "src/avatar/avatar.styles.ts"
3992
+ "name": "foundationAccordionStyles",
3993
+ "module": "src/accordion/accordion.styles.ts"
4176
3994
  }
4177
3995
  }
4178
3996
  ]
4179
3997
  },
4180
3998
  {
4181
3999
  "kind": "javascript-module",
4182
- "path": "src/avatar/avatar.template.ts",
4000
+ "path": "src/accordion/accordion.template.ts",
4183
4001
  "declarations": [
4184
4002
  {
4185
4003
  "kind": "function",
4186
- "name": "foundationAvatarTemplate",
4004
+ "name": "foundationAccordionTemplate",
4187
4005
  "return": {
4188
4006
  "type": {
4189
- "text": "ViewTemplate<Avatar>"
4007
+ "text": "ViewTemplate<Accordion>"
4190
4008
  }
4191
4009
  },
4192
4010
  "parameters": [
@@ -4203,93 +4021,249 @@
4203
4021
  }
4204
4022
  }
4205
4023
  ]
4206
- },
4207
- {
4208
- "kind": "variable",
4209
- "name": "media",
4210
- "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
4211
4024
  }
4212
4025
  ],
4213
4026
  "exports": [
4214
4027
  {
4215
4028
  "kind": "js",
4216
- "name": "foundationAvatarTemplate",
4217
- "declaration": {
4218
- "name": "foundationAvatarTemplate",
4219
- "module": "src/avatar/avatar.template.ts"
4220
- }
4221
- },
4222
- {
4223
- "kind": "js",
4224
- "name": "media",
4029
+ "name": "foundationAccordionTemplate",
4225
4030
  "declaration": {
4226
- "name": "media",
4227
- "module": "src/avatar/avatar.template.ts"
4031
+ "name": "foundationAccordionTemplate",
4032
+ "module": "src/accordion/accordion.template.ts"
4228
4033
  }
4229
4034
  }
4230
4035
  ]
4231
4036
  },
4232
4037
  {
4233
4038
  "kind": "javascript-module",
4234
- "path": "src/avatar/avatar.ts",
4039
+ "path": "src/accordion/accordion.ts",
4235
4040
  "declarations": [
4236
4041
  {
4237
4042
  "kind": "class",
4238
4043
  "description": "",
4239
- "name": "Avatar",
4044
+ "name": "Accordion",
4240
4045
  "superclass": {
4241
- "name": "FASTAvatar",
4242
- "package": "@microsoft/fast-components"
4046
+ "name": "FASTAccordion",
4047
+ "package": "@microsoft/fast-foundation"
4243
4048
  },
4244
- "tagName": "%%prefix%%-avatar",
4245
- "customElement": true,
4246
- "attributes": [
4247
- {
4248
- "name": "fill",
4249
- "type": {
4250
- "text": "string"
4251
- },
4252
- "description": "Indicates the Avatar should have a color fill.",
4253
- "fieldName": "fill",
4254
- "inheritedFrom": {
4255
- "name": "Avatar",
4256
- "module": "src/avatar/avatar.ts"
4257
- }
4258
- },
4259
- {
4260
- "name": "color",
4261
- "type": {
4262
- "text": "string"
4263
- },
4264
- "description": "Indicates the Avatar should have a text color.",
4265
- "fieldName": "color",
4266
- "inheritedFrom": {
4267
- "name": "Avatar",
4268
- "module": "src/avatar/avatar.ts"
4269
- }
4270
- },
4271
- {
4272
- "name": "link",
4273
- "type": {
4274
- "text": "string"
4049
+ "tagName": "%%prefix%%-accordion",
4050
+ "customElement": true
4051
+ },
4052
+ {
4053
+ "kind": "variable",
4054
+ "name": "foundationAccordionShadowOptions",
4055
+ "type": {
4056
+ "text": "ShadowRootInit"
4057
+ },
4058
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4059
+ },
4060
+ {
4061
+ "kind": "variable",
4062
+ "name": "defaultAccordionConfig",
4063
+ "type": {
4064
+ "text": "object"
4065
+ },
4066
+ "default": "{}"
4067
+ },
4068
+ {
4069
+ "kind": "variable",
4070
+ "name": "foundationAccordion",
4071
+ "description": "The Foundation Accordion",
4072
+ "privacy": "public"
4073
+ }
4074
+ ],
4075
+ "exports": [
4076
+ {
4077
+ "kind": "js",
4078
+ "name": "Accordion",
4079
+ "declaration": {
4080
+ "name": "Accordion",
4081
+ "module": "src/accordion/accordion.ts"
4082
+ }
4083
+ },
4084
+ {
4085
+ "kind": "js",
4086
+ "name": "foundationAccordionShadowOptions",
4087
+ "declaration": {
4088
+ "name": "foundationAccordionShadowOptions",
4089
+ "module": "src/accordion/accordion.ts"
4090
+ }
4091
+ },
4092
+ {
4093
+ "kind": "js",
4094
+ "name": "defaultAccordionConfig",
4095
+ "declaration": {
4096
+ "name": "defaultAccordionConfig",
4097
+ "module": "src/accordion/accordion.ts"
4098
+ }
4099
+ },
4100
+ {
4101
+ "kind": "js",
4102
+ "name": "foundationAccordion",
4103
+ "declaration": {
4104
+ "name": "foundationAccordion",
4105
+ "module": "src/accordion/accordion.ts"
4106
+ }
4107
+ }
4108
+ ]
4109
+ },
4110
+ {
4111
+ "kind": "javascript-module",
4112
+ "path": "src/accordion/index.ts",
4113
+ "declarations": [],
4114
+ "exports": [
4115
+ {
4116
+ "kind": "js",
4117
+ "name": "*",
4118
+ "declaration": {
4119
+ "name": "*",
4120
+ "package": "./accordion.template"
4121
+ }
4122
+ },
4123
+ {
4124
+ "kind": "js",
4125
+ "name": "*",
4126
+ "declaration": {
4127
+ "name": "*",
4128
+ "package": "./accordion.styles"
4129
+ }
4130
+ },
4131
+ {
4132
+ "kind": "js",
4133
+ "name": "*",
4134
+ "declaration": {
4135
+ "name": "*",
4136
+ "package": "./accordion"
4137
+ }
4138
+ }
4139
+ ]
4140
+ },
4141
+ {
4142
+ "kind": "javascript-module",
4143
+ "path": "src/badge/badge.styles.ts",
4144
+ "declarations": [
4145
+ {
4146
+ "kind": "function",
4147
+ "name": "foundationBadgeStyles",
4148
+ "return": {
4149
+ "type": {
4150
+ "text": "ElementStyles"
4151
+ }
4152
+ },
4153
+ "parameters": [
4154
+ {
4155
+ "name": "context",
4156
+ "type": {
4157
+ "text": "ElementDefinitionContext"
4158
+ }
4159
+ },
4160
+ {
4161
+ "name": "definition",
4162
+ "type": {
4163
+ "text": "FoundationElementDefinition"
4164
+ }
4165
+ }
4166
+ ]
4167
+ }
4168
+ ],
4169
+ "exports": [
4170
+ {
4171
+ "kind": "js",
4172
+ "name": "foundationBadgeStyles",
4173
+ "declaration": {
4174
+ "name": "foundationBadgeStyles",
4175
+ "module": "src/badge/badge.styles.ts"
4176
+ }
4177
+ }
4178
+ ]
4179
+ },
4180
+ {
4181
+ "kind": "javascript-module",
4182
+ "path": "src/badge/badge.template.ts",
4183
+ "declarations": [
4184
+ {
4185
+ "kind": "function",
4186
+ "name": "foundationBadgeTemplate",
4187
+ "return": {
4188
+ "type": {
4189
+ "text": "ViewTemplate<Badge>"
4190
+ }
4191
+ },
4192
+ "parameters": [
4193
+ {
4194
+ "name": "context",
4195
+ "type": {
4196
+ "text": "ElementDefinitionContext"
4197
+ }
4198
+ },
4199
+ {
4200
+ "name": "definition",
4201
+ "type": {
4202
+ "text": "FoundationElementDefinition"
4203
+ }
4204
+ }
4205
+ ]
4206
+ }
4207
+ ],
4208
+ "exports": [
4209
+ {
4210
+ "kind": "js",
4211
+ "name": "foundationBadgeTemplate",
4212
+ "declaration": {
4213
+ "name": "foundationBadgeTemplate",
4214
+ "module": "src/badge/badge.template.ts"
4215
+ }
4216
+ }
4217
+ ]
4218
+ },
4219
+ {
4220
+ "kind": "javascript-module",
4221
+ "path": "src/badge/badge.ts",
4222
+ "declarations": [
4223
+ {
4224
+ "kind": "class",
4225
+ "description": "",
4226
+ "name": "Badge",
4227
+ "superclass": {
4228
+ "name": "FASTBadge",
4229
+ "package": "@microsoft/fast-components"
4230
+ },
4231
+ "tagName": "%%prefix%%-badge",
4232
+ "customElement": true,
4233
+ "attributes": [
4234
+ {
4235
+ "name": "fill",
4236
+ "type": {
4237
+ "text": "string"
4275
4238
  },
4276
- "description": "Indicates the Avatar should have url link",
4277
- "fieldName": "link",
4239
+ "description": "Indicates the badge should have a filled style.",
4240
+ "fieldName": "fill",
4278
4241
  "inheritedFrom": {
4279
- "name": "Avatar",
4280
- "module": "src/avatar/avatar.ts"
4242
+ "name": "Badge",
4243
+ "module": "src/badge/badge.ts"
4281
4244
  }
4282
4245
  },
4283
4246
  {
4284
- "name": "shape",
4247
+ "name": "color",
4285
4248
  "type": {
4286
- "text": "AvatarShape"
4249
+ "text": "string"
4287
4250
  },
4288
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
4289
- "fieldName": "shape",
4251
+ "description": "Indicates the badge should have a filled style.",
4252
+ "fieldName": "color",
4290
4253
  "inheritedFrom": {
4291
- "name": "Avatar",
4292
- "module": "src/avatar/avatar.ts"
4254
+ "name": "Badge",
4255
+ "module": "src/badge/badge.ts"
4256
+ }
4257
+ },
4258
+ {
4259
+ "type": {
4260
+ "text": "boolean"
4261
+ },
4262
+ "description": "Indicates the element should be circular",
4263
+ "fieldName": "circular",
4264
+ "inheritedFrom": {
4265
+ "name": "Badge",
4266
+ "module": "src/badge/badge.ts"
4293
4267
  }
4294
4268
  }
4295
4269
  ],
@@ -4301,10 +4275,10 @@
4301
4275
  "text": "string"
4302
4276
  },
4303
4277
  "privacy": "public",
4304
- "description": "Indicates the Avatar should have a color fill.",
4278
+ "description": "Indicates the badge should have a filled style.",
4305
4279
  "inheritedFrom": {
4306
- "name": "Avatar",
4307
- "module": "src/avatar/avatar.ts"
4280
+ "name": "Badge",
4281
+ "module": "src/badge/badge.ts"
4308
4282
  }
4309
4283
  },
4310
4284
  {
@@ -4314,36 +4288,32 @@
4314
4288
  "text": "string"
4315
4289
  },
4316
4290
  "privacy": "public",
4317
- "description": "Indicates the Avatar should have a text color.",
4291
+ "description": "Indicates the badge should have a filled style.",
4318
4292
  "inheritedFrom": {
4319
- "name": "Avatar",
4320
- "module": "src/avatar/avatar.ts"
4293
+ "name": "Badge",
4294
+ "module": "src/badge/badge.ts"
4321
4295
  }
4322
4296
  },
4323
4297
  {
4324
4298
  "kind": "field",
4325
- "name": "link",
4299
+ "name": "circular",
4326
4300
  "type": {
4327
- "text": "string"
4301
+ "text": "boolean"
4328
4302
  },
4329
4303
  "privacy": "public",
4330
- "description": "Indicates the Avatar should have url link",
4304
+ "description": "Indicates the element should be circular",
4331
4305
  "inheritedFrom": {
4332
- "name": "Avatar",
4333
- "module": "src/avatar/avatar.ts"
4306
+ "name": "Badge",
4307
+ "module": "src/badge/badge.ts"
4334
4308
  }
4335
4309
  },
4336
4310
  {
4337
4311
  "kind": "field",
4338
- "name": "shape",
4339
- "type": {
4340
- "text": "AvatarShape"
4341
- },
4312
+ "name": "generateBadgeStyle",
4342
4313
  "privacy": "public",
4343
- "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
4344
4314
  "inheritedFrom": {
4345
- "name": "Avatar",
4346
- "module": "src/avatar/avatar.ts"
4315
+ "name": "Badge",
4316
+ "module": "src/badge/badge.ts"
4347
4317
  }
4348
4318
  },
4349
4319
  {
@@ -4461,65 +4431,65 @@
4461
4431
  },
4462
4432
  {
4463
4433
  "kind": "variable",
4464
- "name": "foundationAvatarShadowOptions",
4434
+ "name": "foundationBadgeShadowOptions",
4465
4435
  "type": {
4466
4436
  "text": "ShadowRootInit"
4467
4437
  },
4468
- "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4438
+ "default": "undefined"
4469
4439
  },
4470
4440
  {
4471
4441
  "kind": "variable",
4472
- "name": "defaultAvatarConfig",
4442
+ "name": "defaultBadgeConfig",
4473
4443
  "type": {
4474
4444
  "text": "object"
4475
4445
  },
4476
- "default": "{\n media: mediaTemplate,\n}"
4446
+ "default": "{}"
4477
4447
  },
4478
4448
  {
4479
4449
  "kind": "variable",
4480
- "name": "foundationAvatar",
4481
- "description": "The Foundation Avatar",
4450
+ "name": "foundationBadge",
4451
+ "description": "The Foundation Badge",
4482
4452
  "privacy": "public"
4483
4453
  }
4484
4454
  ],
4485
4455
  "exports": [
4486
4456
  {
4487
4457
  "kind": "js",
4488
- "name": "Avatar",
4458
+ "name": "Badge",
4489
4459
  "declaration": {
4490
- "name": "Avatar",
4491
- "module": "src/avatar/avatar.ts"
4460
+ "name": "Badge",
4461
+ "module": "src/badge/badge.ts"
4492
4462
  }
4493
4463
  },
4494
4464
  {
4495
4465
  "kind": "js",
4496
- "name": "foundationAvatarShadowOptions",
4466
+ "name": "foundationBadgeShadowOptions",
4497
4467
  "declaration": {
4498
- "name": "foundationAvatarShadowOptions",
4499
- "module": "src/avatar/avatar.ts"
4468
+ "name": "foundationBadgeShadowOptions",
4469
+ "module": "src/badge/badge.ts"
4500
4470
  }
4501
4471
  },
4502
4472
  {
4503
4473
  "kind": "js",
4504
- "name": "defaultAvatarConfig",
4474
+ "name": "defaultBadgeConfig",
4505
4475
  "declaration": {
4506
- "name": "defaultAvatarConfig",
4507
- "module": "src/avatar/avatar.ts"
4476
+ "name": "defaultBadgeConfig",
4477
+ "module": "src/badge/badge.ts"
4508
4478
  }
4509
4479
  },
4510
4480
  {
4511
4481
  "kind": "js",
4512
- "name": "foundationAvatar",
4482
+ "name": "foundationBadge",
4513
4483
  "declaration": {
4514
- "name": "foundationAvatar",
4515
- "module": "src/avatar/avatar.ts"
4484
+ "name": "foundationBadge",
4485
+ "module": "src/badge/badge.ts"
4516
4486
  }
4517
4487
  }
4518
4488
  ]
4519
4489
  },
4520
4490
  {
4521
4491
  "kind": "javascript-module",
4522
- "path": "src/avatar/index.ts",
4492
+ "path": "src/badge/index.ts",
4523
4493
  "declarations": [],
4524
4494
  "exports": [
4525
4495
  {
@@ -4527,7 +4497,7 @@
4527
4497
  "name": "*",
4528
4498
  "declaration": {
4529
4499
  "name": "*",
4530
- "package": "./avatar.template"
4500
+ "package": "./badge.template"
4531
4501
  }
4532
4502
  },
4533
4503
  {
@@ -4535,7 +4505,7 @@
4535
4505
  "name": "*",
4536
4506
  "declaration": {
4537
4507
  "name": "*",
4538
- "package": "./avatar.styles"
4508
+ "package": "./badge.styles"
4539
4509
  }
4540
4510
  },
4541
4511
  {
@@ -4543,18 +4513,18 @@
4543
4513
  "name": "*",
4544
4514
  "declaration": {
4545
4515
  "name": "*",
4546
- "package": "./avatar"
4516
+ "package": "./badge"
4547
4517
  }
4548
4518
  }
4549
4519
  ]
4550
4520
  },
4551
4521
  {
4552
4522
  "kind": "javascript-module",
4553
- "path": "src/badge/badge.styles.ts",
4523
+ "path": "src/avatar/avatar.styles.ts",
4554
4524
  "declarations": [
4555
4525
  {
4556
4526
  "kind": "function",
4557
- "name": "foundationBadgeStyles",
4527
+ "name": "foundationAvatarStyles",
4558
4528
  "return": {
4559
4529
  "type": {
4560
4530
  "text": "ElementStyles"
@@ -4579,24 +4549,24 @@
4579
4549
  "exports": [
4580
4550
  {
4581
4551
  "kind": "js",
4582
- "name": "foundationBadgeStyles",
4552
+ "name": "foundationAvatarStyles",
4583
4553
  "declaration": {
4584
- "name": "foundationBadgeStyles",
4585
- "module": "src/badge/badge.styles.ts"
4554
+ "name": "foundationAvatarStyles",
4555
+ "module": "src/avatar/avatar.styles.ts"
4586
4556
  }
4587
4557
  }
4588
4558
  ]
4589
4559
  },
4590
4560
  {
4591
4561
  "kind": "javascript-module",
4592
- "path": "src/badge/badge.template.ts",
4562
+ "path": "src/avatar/avatar.template.ts",
4593
4563
  "declarations": [
4594
4564
  {
4595
4565
  "kind": "function",
4596
- "name": "foundationBadgeTemplate",
4566
+ "name": "foundationAvatarTemplate",
4597
4567
  "return": {
4598
4568
  "type": {
4599
- "text": "ViewTemplate<Badge>"
4569
+ "text": "ViewTemplate<Avatar>"
4600
4570
  }
4601
4571
  },
4602
4572
  "parameters": [
@@ -4613,32 +4583,45 @@
4613
4583
  }
4614
4584
  }
4615
4585
  ]
4586
+ },
4587
+ {
4588
+ "kind": "variable",
4589
+ "name": "media",
4590
+ "default": "html<Avatar>`\n ${when(\n (x) => x.imgSrc,\n html<Avatar>`\n <img src=\"${(x) => x.imgSrc}\" alt=\"${(x) => x.alt}\" slot=\"media\" class=\"media\" part=\"media\" />\n `,\n )}\n`"
4616
4591
  }
4617
4592
  ],
4618
4593
  "exports": [
4619
4594
  {
4620
4595
  "kind": "js",
4621
- "name": "foundationBadgeTemplate",
4596
+ "name": "foundationAvatarTemplate",
4622
4597
  "declaration": {
4623
- "name": "foundationBadgeTemplate",
4624
- "module": "src/badge/badge.template.ts"
4598
+ "name": "foundationAvatarTemplate",
4599
+ "module": "src/avatar/avatar.template.ts"
4600
+ }
4601
+ },
4602
+ {
4603
+ "kind": "js",
4604
+ "name": "media",
4605
+ "declaration": {
4606
+ "name": "media",
4607
+ "module": "src/avatar/avatar.template.ts"
4625
4608
  }
4626
4609
  }
4627
4610
  ]
4628
4611
  },
4629
4612
  {
4630
4613
  "kind": "javascript-module",
4631
- "path": "src/badge/badge.ts",
4614
+ "path": "src/avatar/avatar.ts",
4632
4615
  "declarations": [
4633
4616
  {
4634
4617
  "kind": "class",
4635
4618
  "description": "",
4636
- "name": "Badge",
4619
+ "name": "Avatar",
4637
4620
  "superclass": {
4638
- "name": "FASTBadge",
4621
+ "name": "FASTAvatar",
4639
4622
  "package": "@microsoft/fast-components"
4640
4623
  },
4641
- "tagName": "%%prefix%%-badge",
4624
+ "tagName": "%%prefix%%-avatar",
4642
4625
  "customElement": true,
4643
4626
  "attributes": [
4644
4627
  {
@@ -4646,11 +4629,11 @@
4646
4629
  "type": {
4647
4630
  "text": "string"
4648
4631
  },
4649
- "description": "Indicates the badge should have a filled style.",
4632
+ "description": "Indicates the Avatar should have a color fill.",
4650
4633
  "fieldName": "fill",
4651
4634
  "inheritedFrom": {
4652
- "name": "Badge",
4653
- "module": "src/badge/badge.ts"
4635
+ "name": "Avatar",
4636
+ "module": "src/avatar/avatar.ts"
4654
4637
  }
4655
4638
  },
4656
4639
  {
@@ -4658,22 +4641,35 @@
4658
4641
  "type": {
4659
4642
  "text": "string"
4660
4643
  },
4661
- "description": "Indicates the badge should have a filled style.",
4644
+ "description": "Indicates the Avatar should have a text color.",
4662
4645
  "fieldName": "color",
4663
4646
  "inheritedFrom": {
4664
- "name": "Badge",
4665
- "module": "src/badge/badge.ts"
4647
+ "name": "Avatar",
4648
+ "module": "src/avatar/avatar.ts"
4666
4649
  }
4667
4650
  },
4668
4651
  {
4652
+ "name": "link",
4669
4653
  "type": {
4670
- "text": "boolean"
4654
+ "text": "string"
4671
4655
  },
4672
- "description": "Indicates the element should be circular",
4673
- "fieldName": "circular",
4656
+ "description": "Indicates the Avatar should have url link",
4657
+ "fieldName": "link",
4674
4658
  "inheritedFrom": {
4675
- "name": "Badge",
4676
- "module": "src/badge/badge.ts"
4659
+ "name": "Avatar",
4660
+ "module": "src/avatar/avatar.ts"
4661
+ }
4662
+ },
4663
+ {
4664
+ "name": "shape",
4665
+ "type": {
4666
+ "text": "AvatarShape"
4667
+ },
4668
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
4669
+ "fieldName": "shape",
4670
+ "inheritedFrom": {
4671
+ "name": "Avatar",
4672
+ "module": "src/avatar/avatar.ts"
4677
4673
  }
4678
4674
  }
4679
4675
  ],
@@ -4685,10 +4681,10 @@
4685
4681
  "text": "string"
4686
4682
  },
4687
4683
  "privacy": "public",
4688
- "description": "Indicates the badge should have a filled style.",
4684
+ "description": "Indicates the Avatar should have a color fill.",
4689
4685
  "inheritedFrom": {
4690
- "name": "Badge",
4691
- "module": "src/badge/badge.ts"
4686
+ "name": "Avatar",
4687
+ "module": "src/avatar/avatar.ts"
4692
4688
  }
4693
4689
  },
4694
4690
  {
@@ -4698,32 +4694,36 @@
4698
4694
  "text": "string"
4699
4695
  },
4700
4696
  "privacy": "public",
4701
- "description": "Indicates the badge should have a filled style.",
4697
+ "description": "Indicates the Avatar should have a text color.",
4702
4698
  "inheritedFrom": {
4703
- "name": "Badge",
4704
- "module": "src/badge/badge.ts"
4699
+ "name": "Avatar",
4700
+ "module": "src/avatar/avatar.ts"
4705
4701
  }
4706
4702
  },
4707
4703
  {
4708
4704
  "kind": "field",
4709
- "name": "circular",
4705
+ "name": "link",
4710
4706
  "type": {
4711
- "text": "boolean"
4707
+ "text": "string"
4712
4708
  },
4713
4709
  "privacy": "public",
4714
- "description": "Indicates the element should be circular",
4710
+ "description": "Indicates the Avatar should have url link",
4715
4711
  "inheritedFrom": {
4716
- "name": "Badge",
4717
- "module": "src/badge/badge.ts"
4712
+ "name": "Avatar",
4713
+ "module": "src/avatar/avatar.ts"
4718
4714
  }
4719
4715
  },
4720
4716
  {
4721
4717
  "kind": "field",
4722
- "name": "generateBadgeStyle",
4718
+ "name": "shape",
4719
+ "type": {
4720
+ "text": "AvatarShape"
4721
+ },
4723
4722
  "privacy": "public",
4723
+ "description": "Indicates the Avatar shape should be. By default it will be set to \"circle\".",
4724
4724
  "inheritedFrom": {
4725
- "name": "Badge",
4726
- "module": "src/badge/badge.ts"
4725
+ "name": "Avatar",
4726
+ "module": "src/avatar/avatar.ts"
4727
4727
  }
4728
4728
  },
4729
4729
  {
@@ -4841,65 +4841,65 @@
4841
4841
  },
4842
4842
  {
4843
4843
  "kind": "variable",
4844
- "name": "foundationBadgeShadowOptions",
4844
+ "name": "foundationAvatarShadowOptions",
4845
4845
  "type": {
4846
4846
  "text": "ShadowRootInit"
4847
4847
  },
4848
- "default": "undefined"
4848
+ "default": "{\n delegatesFocus: true,\n mode: 'open',\n}"
4849
4849
  },
4850
4850
  {
4851
4851
  "kind": "variable",
4852
- "name": "defaultBadgeConfig",
4852
+ "name": "defaultAvatarConfig",
4853
4853
  "type": {
4854
4854
  "text": "object"
4855
4855
  },
4856
- "default": "{}"
4856
+ "default": "{\n media: mediaTemplate,\n}"
4857
4857
  },
4858
4858
  {
4859
4859
  "kind": "variable",
4860
- "name": "foundationBadge",
4861
- "description": "The Foundation Badge",
4860
+ "name": "foundationAvatar",
4861
+ "description": "The Foundation Avatar",
4862
4862
  "privacy": "public"
4863
4863
  }
4864
4864
  ],
4865
4865
  "exports": [
4866
4866
  {
4867
4867
  "kind": "js",
4868
- "name": "Badge",
4868
+ "name": "Avatar",
4869
4869
  "declaration": {
4870
- "name": "Badge",
4871
- "module": "src/badge/badge.ts"
4870
+ "name": "Avatar",
4871
+ "module": "src/avatar/avatar.ts"
4872
4872
  }
4873
4873
  },
4874
4874
  {
4875
4875
  "kind": "js",
4876
- "name": "foundationBadgeShadowOptions",
4876
+ "name": "foundationAvatarShadowOptions",
4877
4877
  "declaration": {
4878
- "name": "foundationBadgeShadowOptions",
4879
- "module": "src/badge/badge.ts"
4878
+ "name": "foundationAvatarShadowOptions",
4879
+ "module": "src/avatar/avatar.ts"
4880
4880
  }
4881
4881
  },
4882
4882
  {
4883
4883
  "kind": "js",
4884
- "name": "defaultBadgeConfig",
4884
+ "name": "defaultAvatarConfig",
4885
4885
  "declaration": {
4886
- "name": "defaultBadgeConfig",
4887
- "module": "src/badge/badge.ts"
4886
+ "name": "defaultAvatarConfig",
4887
+ "module": "src/avatar/avatar.ts"
4888
4888
  }
4889
4889
  },
4890
4890
  {
4891
4891
  "kind": "js",
4892
- "name": "foundationBadge",
4892
+ "name": "foundationAvatar",
4893
4893
  "declaration": {
4894
- "name": "foundationBadge",
4895
- "module": "src/badge/badge.ts"
4894
+ "name": "foundationAvatar",
4895
+ "module": "src/avatar/avatar.ts"
4896
4896
  }
4897
4897
  }
4898
4898
  ]
4899
4899
  },
4900
4900
  {
4901
4901
  "kind": "javascript-module",
4902
- "path": "src/badge/index.ts",
4902
+ "path": "src/avatar/index.ts",
4903
4903
  "declarations": [],
4904
4904
  "exports": [
4905
4905
  {
@@ -4907,7 +4907,7 @@
4907
4907
  "name": "*",
4908
4908
  "declaration": {
4909
4909
  "name": "*",
4910
- "package": "./badge.template"
4910
+ "package": "./avatar.template"
4911
4911
  }
4912
4912
  },
4913
4913
  {
@@ -4915,7 +4915,7 @@
4915
4915
  "name": "*",
4916
4916
  "declaration": {
4917
4917
  "name": "*",
4918
- "package": "./badge.styles"
4918
+ "package": "./avatar.styles"
4919
4919
  }
4920
4920
  },
4921
4921
  {
@@ -4923,7 +4923,7 @@
4923
4923
  "name": "*",
4924
4924
  "declaration": {
4925
4925
  "name": "*",
4926
- "package": "./badge"
4926
+ "package": "./avatar"
4927
4927
  }
4928
4928
  }
4929
4929
  ]
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@genesislcap/foundation-ui",
3
3
  "description": "Genesis Foundation UI",
4
- "version": "14.192.2",
4
+ "version": "14.192.3-alpha-1303ae2.0",
5
5
  "sideEffects": false,
6
6
  "license": "SEE LICENSE IN license.txt",
7
7
  "main": "dist/esm/index.js",
@@ -82,13 +82,13 @@
82
82
  }
83
83
  },
84
84
  "devDependencies": {
85
- "@genesislcap/foundation-testing": "14.192.2",
86
- "@genesislcap/genx": "14.192.2",
87
- "@genesislcap/rollup-builder": "14.192.2",
88
- "@genesislcap/ts-builder": "14.192.2",
89
- "@genesislcap/uvu-playwright-builder": "14.192.2",
90
- "@genesislcap/vite-builder": "14.192.2",
91
- "@genesislcap/webpack-builder": "14.192.2",
85
+ "@genesislcap/foundation-testing": "14.192.3-alpha-1303ae2.0",
86
+ "@genesislcap/genx": "14.192.3-alpha-1303ae2.0",
87
+ "@genesislcap/rollup-builder": "14.192.3-alpha-1303ae2.0",
88
+ "@genesislcap/ts-builder": "14.192.3-alpha-1303ae2.0",
89
+ "@genesislcap/uvu-playwright-builder": "14.192.3-alpha-1303ae2.0",
90
+ "@genesislcap/vite-builder": "14.192.3-alpha-1303ae2.0",
91
+ "@genesislcap/webpack-builder": "14.192.3-alpha-1303ae2.0",
92
92
  "copyfiles": "^2.4.1",
93
93
  "rimraf": "^5.0.0",
94
94
  "rxjs": "^7.5.4"
@@ -99,13 +99,13 @@
99
99
  "@fortawesome/free-regular-svg-icons": "^6.2.1",
100
100
  "@fortawesome/free-solid-svg-icons": "^6.2.1",
101
101
  "@genesiscommunitysuccess/analyzer-import-alias-plugin": "^5.0.3",
102
- "@genesislcap/foundation-comms": "14.192.2",
103
- "@genesislcap/foundation-criteria": "14.192.2",
104
- "@genesislcap/foundation-errors": "14.192.2",
105
- "@genesislcap/foundation-logger": "14.192.2",
106
- "@genesislcap/foundation-notifications": "14.192.2",
107
- "@genesislcap/foundation-user": "14.192.2",
108
- "@genesislcap/foundation-utils": "14.192.2",
102
+ "@genesislcap/foundation-comms": "14.192.3-alpha-1303ae2.0",
103
+ "@genesislcap/foundation-criteria": "14.192.3-alpha-1303ae2.0",
104
+ "@genesislcap/foundation-errors": "14.192.3-alpha-1303ae2.0",
105
+ "@genesislcap/foundation-logger": "14.192.3-alpha-1303ae2.0",
106
+ "@genesislcap/foundation-notifications": "14.192.3-alpha-1303ae2.0",
107
+ "@genesislcap/foundation-user": "14.192.3-alpha-1303ae2.0",
108
+ "@genesislcap/foundation-utils": "14.192.3-alpha-1303ae2.0",
109
109
  "@microsoft/fast-colors": "^5.3.1",
110
110
  "@microsoft/fast-components": "^2.30.6",
111
111
  "@microsoft/fast-element": "^1.12.0",
@@ -127,5 +127,5 @@
127
127
  "access": "public"
128
128
  },
129
129
  "customElements": "dist/custom-elements.json",
130
- "gitHead": "13ed924325bd278f45f1ec1437d78ea26542d27c"
130
+ "gitHead": "a3a2aa25079aae6722a6f7039dcc3abc862b90dc"
131
131
  }