@genesislcap/foundation-zero 14.138.0 → 14.138.1
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 +280 -280
- package/package.json +7 -7
|
@@ -669,6 +669,37 @@
|
|
|
669
669
|
}
|
|
670
670
|
]
|
|
671
671
|
},
|
|
672
|
+
{
|
|
673
|
+
"kind": "javascript-module",
|
|
674
|
+
"path": "src/_config/index.ts",
|
|
675
|
+
"declarations": [],
|
|
676
|
+
"exports": [
|
|
677
|
+
{
|
|
678
|
+
"kind": "js",
|
|
679
|
+
"name": "*",
|
|
680
|
+
"declaration": {
|
|
681
|
+
"name": "*",
|
|
682
|
+
"package": "./styles"
|
|
683
|
+
}
|
|
684
|
+
},
|
|
685
|
+
{
|
|
686
|
+
"kind": "js",
|
|
687
|
+
"name": "*",
|
|
688
|
+
"declaration": {
|
|
689
|
+
"name": "*",
|
|
690
|
+
"package": "./tokens"
|
|
691
|
+
}
|
|
692
|
+
},
|
|
693
|
+
{
|
|
694
|
+
"kind": "js",
|
|
695
|
+
"name": "*",
|
|
696
|
+
"declaration": {
|
|
697
|
+
"name": "*",
|
|
698
|
+
"package": "./values"
|
|
699
|
+
}
|
|
700
|
+
}
|
|
701
|
+
]
|
|
702
|
+
},
|
|
672
703
|
{
|
|
673
704
|
"kind": "javascript-module",
|
|
674
705
|
"path": "src/_common/colors.hex.ts",
|
|
@@ -808,37 +839,6 @@
|
|
|
808
839
|
}
|
|
809
840
|
]
|
|
810
841
|
},
|
|
811
|
-
{
|
|
812
|
-
"kind": "javascript-module",
|
|
813
|
-
"path": "src/_config/index.ts",
|
|
814
|
-
"declarations": [],
|
|
815
|
-
"exports": [
|
|
816
|
-
{
|
|
817
|
-
"kind": "js",
|
|
818
|
-
"name": "*",
|
|
819
|
-
"declaration": {
|
|
820
|
-
"name": "*",
|
|
821
|
-
"package": "./styles"
|
|
822
|
-
}
|
|
823
|
-
},
|
|
824
|
-
{
|
|
825
|
-
"kind": "js",
|
|
826
|
-
"name": "*",
|
|
827
|
-
"declaration": {
|
|
828
|
-
"name": "*",
|
|
829
|
-
"package": "./tokens"
|
|
830
|
-
}
|
|
831
|
-
},
|
|
832
|
-
{
|
|
833
|
-
"kind": "js",
|
|
834
|
-
"name": "*",
|
|
835
|
-
"declaration": {
|
|
836
|
-
"name": "*",
|
|
837
|
-
"package": "./values"
|
|
838
|
-
}
|
|
839
|
-
}
|
|
840
|
-
]
|
|
841
|
-
},
|
|
842
842
|
{
|
|
843
843
|
"kind": "javascript-module",
|
|
844
844
|
"path": "src/accordion/accordion.stories.ts",
|
|
@@ -4542,7 +4542,7 @@
|
|
|
4542
4542
|
},
|
|
4543
4543
|
{
|
|
4544
4544
|
"kind": "javascript-module",
|
|
4545
|
-
"path": "src/
|
|
4545
|
+
"path": "src/banner/banner.stories.ts",
|
|
4546
4546
|
"declarations": [
|
|
4547
4547
|
{
|
|
4548
4548
|
"kind": "variable",
|
|
@@ -4550,15 +4550,15 @@
|
|
|
4550
4550
|
"type": {
|
|
4551
4551
|
"text": "Meta"
|
|
4552
4552
|
},
|
|
4553
|
-
"default": "{\n title: '
|
|
4553
|
+
"default": "{\n title: 'Banner',\n component: 'zero-banner',\n}"
|
|
4554
4554
|
},
|
|
4555
4555
|
{
|
|
4556
4556
|
"kind": "variable",
|
|
4557
|
-
"name": "
|
|
4557
|
+
"name": "Primary",
|
|
4558
4558
|
"type": {
|
|
4559
4559
|
"text": "StoryObj"
|
|
4560
4560
|
},
|
|
4561
|
-
"default": "{\n args: {\n
|
|
4561
|
+
"default": "{\n args: {\n notifyText: 'Lorem ipsum dolor sit amet consectetur adipisicing elit.',\n bannerText: ` Lorem ipsum dolor sit amet consectetur adipisicing elit. Lorem ipsum dolor sit amet.\n Lorem, ipsum dolor.`,\n actionIgnoreActionText: 'Ignore',\n actionDemoText: 'Diagnose',\n actionButtonAppearance: 'lightweight',\n },\n argTypes: {\n actionButtonAppearance: {\n control: 'select',\n options: [...FastAppearanceValues, ...ZeroAppearanceValues],\n },\n },\n render: ({\n bannerText,\n notifyText,\n actionButtonAppearance,\n actionIgnoreActionText,\n actionDemoText,\n }) => html`\n <div style=\"display: flex; flex-direction: column;\">\n <h5>Banner with slots</h5>\n <zero-banner id=\"banner\">\n <div slot=\"content\">${bannerText}</div>\n <zero-button slot=\"action\" @click=\"${ignoreClick}\" appearance=\"${actionButtonAppearance}\">\n ${actionIgnoreActionText}\n </zero-button>\n <zero-button slot=\"action\" appearance=\"${actionButtonAppearance}\">\n ${actionDemoText}\n </zero-button>\n </zero-banner>\n <h5>Empty Banner</h5>\n <zero-banner></zero-banner>\n <div id=\"zero-banner\" style=\"width: 100%;\">\n <zero-button @click=\"${() => showNotify(notifyText)}\">\n Show Zero Banner - Notification Structure\n </zero-button>\n </div>\n </div>\n `,\n}"
|
|
4562
4562
|
}
|
|
4563
4563
|
],
|
|
4564
4564
|
"exports": [
|
|
@@ -4567,195 +4567,118 @@
|
|
|
4567
4567
|
"name": "default",
|
|
4568
4568
|
"declaration": {
|
|
4569
4569
|
"name": "meta",
|
|
4570
|
-
"module": "src/
|
|
4570
|
+
"module": "src/banner/banner.stories.ts"
|
|
4571
4571
|
}
|
|
4572
4572
|
},
|
|
4573
4573
|
{
|
|
4574
4574
|
"kind": "js",
|
|
4575
|
-
"name": "
|
|
4575
|
+
"name": "Primary",
|
|
4576
4576
|
"declaration": {
|
|
4577
|
-
"name": "
|
|
4578
|
-
"module": "src/
|
|
4577
|
+
"name": "Primary",
|
|
4578
|
+
"module": "src/banner/banner.stories.ts"
|
|
4579
4579
|
}
|
|
4580
4580
|
}
|
|
4581
4581
|
]
|
|
4582
4582
|
},
|
|
4583
4583
|
{
|
|
4584
4584
|
"kind": "javascript-module",
|
|
4585
|
-
"path": "src/
|
|
4585
|
+
"path": "src/banner/banner.styles.ts",
|
|
4586
4586
|
"declarations": [
|
|
4587
4587
|
{
|
|
4588
|
-
"kind": "
|
|
4589
|
-
"name": "
|
|
4590
|
-
"
|
|
4591
|
-
"type": {
|
|
4592
|
-
"text": "ElementStyles"
|
|
4593
|
-
}
|
|
4594
|
-
},
|
|
4595
|
-
"parameters": [
|
|
4596
|
-
{
|
|
4597
|
-
"name": "context",
|
|
4598
|
-
"type": {
|
|
4599
|
-
"text": "ElementDefinitionContext"
|
|
4600
|
-
}
|
|
4601
|
-
},
|
|
4602
|
-
{
|
|
4603
|
-
"name": "definition",
|
|
4604
|
-
"type": {
|
|
4605
|
-
"text": "FoundationElementDefinition"
|
|
4606
|
-
}
|
|
4607
|
-
}
|
|
4608
|
-
]
|
|
4588
|
+
"kind": "variable",
|
|
4589
|
+
"name": "zeroBannerStyles",
|
|
4590
|
+
"default": "css`\n ${foundationBannerStyles}\n .banner {\n background-color: ${neutralLayer1};\n }\n`"
|
|
4609
4591
|
}
|
|
4610
4592
|
],
|
|
4611
4593
|
"exports": [
|
|
4612
4594
|
{
|
|
4613
4595
|
"kind": "js",
|
|
4614
|
-
"name": "
|
|
4596
|
+
"name": "zeroBannerStyles",
|
|
4615
4597
|
"declaration": {
|
|
4616
|
-
"name": "
|
|
4617
|
-
"module": "src/
|
|
4598
|
+
"name": "zeroBannerStyles",
|
|
4599
|
+
"module": "src/banner/banner.styles.ts"
|
|
4618
4600
|
}
|
|
4619
4601
|
}
|
|
4620
4602
|
]
|
|
4621
4603
|
},
|
|
4622
4604
|
{
|
|
4623
4605
|
"kind": "javascript-module",
|
|
4624
|
-
"path": "src/
|
|
4606
|
+
"path": "src/banner/banner.ts",
|
|
4625
4607
|
"declarations": [
|
|
4626
4608
|
{
|
|
4627
|
-
"kind": "
|
|
4628
|
-
"name": "
|
|
4629
|
-
"
|
|
4630
|
-
|
|
4631
|
-
"text": "ViewTemplate<Badge>"
|
|
4632
|
-
}
|
|
4633
|
-
},
|
|
4634
|
-
"parameters": [
|
|
4635
|
-
{
|
|
4636
|
-
"name": "context",
|
|
4637
|
-
"type": {
|
|
4638
|
-
"text": "ElementDefinitionContext"
|
|
4639
|
-
}
|
|
4640
|
-
},
|
|
4641
|
-
{
|
|
4642
|
-
"name": "definition",
|
|
4643
|
-
"type": {
|
|
4644
|
-
"text": "FoundationElementDefinition"
|
|
4645
|
-
}
|
|
4646
|
-
}
|
|
4647
|
-
]
|
|
4648
|
-
}
|
|
4649
|
-
],
|
|
4650
|
-
"exports": [
|
|
4651
|
-
{
|
|
4652
|
-
"kind": "js",
|
|
4653
|
-
"name": "zeroBadgeTemplate",
|
|
4654
|
-
"declaration": {
|
|
4655
|
-
"name": "zeroBadgeTemplate",
|
|
4656
|
-
"module": "src/badge/badge.template.ts"
|
|
4657
|
-
}
|
|
4658
|
-
}
|
|
4659
|
-
]
|
|
4660
|
-
},
|
|
4661
|
-
{
|
|
4662
|
-
"kind": "javascript-module",
|
|
4663
|
-
"path": "src/badge/badge.ts",
|
|
4664
|
-
"declarations": [
|
|
4609
|
+
"kind": "variable",
|
|
4610
|
+
"name": "zeroBannerShadowOptions",
|
|
4611
|
+
"default": "foundationBannerShadowOptions"
|
|
4612
|
+
},
|
|
4665
4613
|
{
|
|
4666
4614
|
"kind": "class",
|
|
4667
4615
|
"description": "",
|
|
4668
|
-
"name": "
|
|
4616
|
+
"name": "Banner",
|
|
4669
4617
|
"superclass": {
|
|
4670
|
-
"name": "
|
|
4618
|
+
"name": "FoundationBanner",
|
|
4671
4619
|
"package": "@genesislcap/foundation-ui"
|
|
4672
4620
|
},
|
|
4673
|
-
"tagName": "%%prefix%%-
|
|
4621
|
+
"tagName": "%%prefix%%-banner",
|
|
4674
4622
|
"customElement": true,
|
|
4675
|
-
"
|
|
4676
|
-
{
|
|
4677
|
-
"name": "fill",
|
|
4678
|
-
"type": {
|
|
4679
|
-
"text": "string"
|
|
4680
|
-
},
|
|
4681
|
-
"description": "Indicates the badge should have a filled style.",
|
|
4682
|
-
"fieldName": "fill",
|
|
4683
|
-
"inheritedFrom": {
|
|
4684
|
-
"name": "Badge",
|
|
4685
|
-
"module": "src/badge/badge.ts"
|
|
4686
|
-
}
|
|
4687
|
-
},
|
|
4623
|
+
"members": [
|
|
4688
4624
|
{
|
|
4689
|
-
"
|
|
4625
|
+
"kind": "field",
|
|
4626
|
+
"name": "banner",
|
|
4690
4627
|
"type": {
|
|
4691
|
-
"text": "
|
|
4628
|
+
"text": "HTMLElement"
|
|
4692
4629
|
},
|
|
4693
|
-
"
|
|
4694
|
-
"fieldName": "color",
|
|
4630
|
+
"privacy": "public",
|
|
4695
4631
|
"inheritedFrom": {
|
|
4696
|
-
"name": "
|
|
4697
|
-
"module": "src/
|
|
4632
|
+
"name": "Banner",
|
|
4633
|
+
"module": "src/banner/banner.ts"
|
|
4698
4634
|
}
|
|
4699
4635
|
},
|
|
4700
|
-
{
|
|
4701
|
-
"type": {
|
|
4702
|
-
"text": "boolean"
|
|
4703
|
-
},
|
|
4704
|
-
"description": "Indicates the element should be circular",
|
|
4705
|
-
"fieldName": "circular",
|
|
4706
|
-
"inheritedFrom": {
|
|
4707
|
-
"name": "Badge",
|
|
4708
|
-
"module": "src/badge/badge.ts"
|
|
4709
|
-
}
|
|
4710
|
-
}
|
|
4711
|
-
],
|
|
4712
|
-
"members": [
|
|
4713
4636
|
{
|
|
4714
4637
|
"kind": "field",
|
|
4715
|
-
"name": "
|
|
4638
|
+
"name": "dismissAnimation",
|
|
4716
4639
|
"type": {
|
|
4717
|
-
"text": "
|
|
4640
|
+
"text": "'banner-delete' | ''"
|
|
4718
4641
|
},
|
|
4719
|
-
"
|
|
4720
|
-
"description": "Indicates the badge should have a filled style.",
|
|
4642
|
+
"default": "''",
|
|
4721
4643
|
"inheritedFrom": {
|
|
4722
|
-
"name": "
|
|
4723
|
-
"module": "src/
|
|
4644
|
+
"name": "Banner",
|
|
4645
|
+
"module": "src/banner/banner.ts"
|
|
4724
4646
|
}
|
|
4725
4647
|
},
|
|
4726
4648
|
{
|
|
4727
4649
|
"kind": "field",
|
|
4728
|
-
"name": "
|
|
4650
|
+
"name": "notification",
|
|
4729
4651
|
"type": {
|
|
4730
|
-
"text": "
|
|
4652
|
+
"text": "NotificationStructure"
|
|
4731
4653
|
},
|
|
4732
|
-
"privacy": "public",
|
|
4733
|
-
"description": "Indicates the badge should have a filled style.",
|
|
4734
4654
|
"inheritedFrom": {
|
|
4735
|
-
"name": "
|
|
4736
|
-
"module": "src/
|
|
4655
|
+
"name": "Banner",
|
|
4656
|
+
"module": "src/banner/banner.ts"
|
|
4737
4657
|
}
|
|
4738
4658
|
},
|
|
4739
4659
|
{
|
|
4740
|
-
"kind": "
|
|
4741
|
-
"name": "
|
|
4742
|
-
"type": {
|
|
4743
|
-
"text": "boolean"
|
|
4744
|
-
},
|
|
4660
|
+
"kind": "method",
|
|
4661
|
+
"name": "dismiss",
|
|
4745
4662
|
"privacy": "public",
|
|
4746
|
-
"
|
|
4663
|
+
"return": {
|
|
4664
|
+
"type": {
|
|
4665
|
+
"text": "Promise<void>"
|
|
4666
|
+
}
|
|
4667
|
+
},
|
|
4668
|
+
"description": "Dismiss the Banner from display.",
|
|
4747
4669
|
"inheritedFrom": {
|
|
4748
|
-
"name": "
|
|
4749
|
-
"module": "src/
|
|
4670
|
+
"name": "Banner",
|
|
4671
|
+
"module": "src/banner/banner.ts"
|
|
4750
4672
|
}
|
|
4751
4673
|
},
|
|
4752
4674
|
{
|
|
4753
|
-
"kind": "
|
|
4754
|
-
"name": "
|
|
4675
|
+
"kind": "method",
|
|
4676
|
+
"name": "dismissNotification",
|
|
4755
4677
|
"privacy": "public",
|
|
4678
|
+
"description": "Dismiss the Banner (NotificationStructure) from display.",
|
|
4756
4679
|
"inheritedFrom": {
|
|
4757
|
-
"name": "
|
|
4758
|
-
"module": "src/
|
|
4680
|
+
"name": "Banner",
|
|
4681
|
+
"module": "src/banner/banner.ts"
|
|
4759
4682
|
}
|
|
4760
4683
|
},
|
|
4761
4684
|
{
|
|
@@ -4767,8 +4690,8 @@
|
|
|
4767
4690
|
"privacy": "private",
|
|
4768
4691
|
"default": "void 0",
|
|
4769
4692
|
"inheritedFrom": {
|
|
4770
|
-
"name": "
|
|
4771
|
-
"module": "src/
|
|
4693
|
+
"name": "FoundationElement",
|
|
4694
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4772
4695
|
}
|
|
4773
4696
|
},
|
|
4774
4697
|
{
|
|
@@ -4780,8 +4703,8 @@
|
|
|
4780
4703
|
"privacy": "public",
|
|
4781
4704
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
4782
4705
|
"inheritedFrom": {
|
|
4783
|
-
"name": "
|
|
4784
|
-
"module": "src/
|
|
4706
|
+
"name": "FoundationElement",
|
|
4707
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4785
4708
|
}
|
|
4786
4709
|
},
|
|
4787
4710
|
{
|
|
@@ -4793,8 +4716,8 @@
|
|
|
4793
4716
|
"privacy": "public",
|
|
4794
4717
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
4795
4718
|
"inheritedFrom": {
|
|
4796
|
-
"name": "
|
|
4797
|
-
"module": "src/
|
|
4719
|
+
"name": "FoundationElement",
|
|
4720
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4798
4721
|
}
|
|
4799
4722
|
},
|
|
4800
4723
|
{
|
|
@@ -4807,8 +4730,8 @@
|
|
|
4807
4730
|
}
|
|
4808
4731
|
},
|
|
4809
4732
|
"inheritedFrom": {
|
|
4810
|
-
"name": "
|
|
4811
|
-
"module": "src/
|
|
4733
|
+
"name": "FoundationElement",
|
|
4734
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4812
4735
|
}
|
|
4813
4736
|
},
|
|
4814
4737
|
{
|
|
@@ -4820,8 +4743,8 @@
|
|
|
4820
4743
|
"privacy": "public",
|
|
4821
4744
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
4822
4745
|
"inheritedFrom": {
|
|
4823
|
-
"name": "
|
|
4824
|
-
"module": "src/
|
|
4746
|
+
"name": "FoundationElement",
|
|
4747
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4825
4748
|
}
|
|
4826
4749
|
},
|
|
4827
4750
|
{
|
|
@@ -4834,8 +4757,8 @@
|
|
|
4834
4757
|
}
|
|
4835
4758
|
},
|
|
4836
4759
|
"inheritedFrom": {
|
|
4837
|
-
"name": "
|
|
4838
|
-
"module": "src/
|
|
4760
|
+
"name": "FoundationElement",
|
|
4761
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4839
4762
|
}
|
|
4840
4763
|
},
|
|
4841
4764
|
{
|
|
@@ -4865,47 +4788,57 @@
|
|
|
4865
4788
|
],
|
|
4866
4789
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
4867
4790
|
"inheritedFrom": {
|
|
4868
|
-
"name": "
|
|
4869
|
-
"module": "src/
|
|
4791
|
+
"name": "FoundationElement",
|
|
4792
|
+
"module": "src/foundation-element/foundation-element.ts"
|
|
4870
4793
|
}
|
|
4871
4794
|
}
|
|
4872
4795
|
]
|
|
4873
4796
|
},
|
|
4874
4797
|
{
|
|
4875
4798
|
"kind": "variable",
|
|
4876
|
-
"name": "
|
|
4799
|
+
"name": "zeroBanner",
|
|
4800
|
+
"description": "The Zero Banner",
|
|
4801
|
+
"privacy": "public"
|
|
4877
4802
|
}
|
|
4878
4803
|
],
|
|
4879
4804
|
"exports": [
|
|
4880
4805
|
{
|
|
4881
4806
|
"kind": "js",
|
|
4882
|
-
"name": "
|
|
4807
|
+
"name": "zeroBannerShadowOptions",
|
|
4883
4808
|
"declaration": {
|
|
4884
|
-
"name": "
|
|
4885
|
-
"module": "src/
|
|
4809
|
+
"name": "zeroBannerShadowOptions",
|
|
4810
|
+
"module": "src/banner/banner.ts"
|
|
4886
4811
|
}
|
|
4887
4812
|
},
|
|
4888
4813
|
{
|
|
4889
4814
|
"kind": "js",
|
|
4890
|
-
"name": "
|
|
4815
|
+
"name": "Banner",
|
|
4891
4816
|
"declaration": {
|
|
4892
|
-
"name": "
|
|
4893
|
-
"module": "src/
|
|
4817
|
+
"name": "Banner",
|
|
4818
|
+
"module": "src/banner/banner.ts"
|
|
4819
|
+
}
|
|
4820
|
+
},
|
|
4821
|
+
{
|
|
4822
|
+
"kind": "js",
|
|
4823
|
+
"name": "zeroBanner",
|
|
4824
|
+
"declaration": {
|
|
4825
|
+
"name": "zeroBanner",
|
|
4826
|
+
"module": "src/banner/banner.ts"
|
|
4894
4827
|
}
|
|
4895
4828
|
}
|
|
4896
4829
|
]
|
|
4897
4830
|
},
|
|
4898
4831
|
{
|
|
4899
4832
|
"kind": "javascript-module",
|
|
4900
|
-
"path": "src/
|
|
4833
|
+
"path": "src/banner/index.ts",
|
|
4901
4834
|
"declarations": [],
|
|
4902
4835
|
"exports": [
|
|
4903
4836
|
{
|
|
4904
4837
|
"kind": "js",
|
|
4905
|
-
"name": "
|
|
4838
|
+
"name": "zeroBannerTemplate",
|
|
4906
4839
|
"declaration": {
|
|
4907
|
-
"name": "
|
|
4908
|
-
"package": "
|
|
4840
|
+
"name": "foundationBannerTemplate",
|
|
4841
|
+
"package": "@genesislcap/foundation-ui"
|
|
4909
4842
|
}
|
|
4910
4843
|
},
|
|
4911
4844
|
{
|
|
@@ -4913,7 +4846,7 @@
|
|
|
4913
4846
|
"name": "*",
|
|
4914
4847
|
"declaration": {
|
|
4915
4848
|
"name": "*",
|
|
4916
|
-
"package": "./
|
|
4849
|
+
"package": "./banner"
|
|
4917
4850
|
}
|
|
4918
4851
|
},
|
|
4919
4852
|
{
|
|
@@ -4921,14 +4854,14 @@
|
|
|
4921
4854
|
"name": "*",
|
|
4922
4855
|
"declaration": {
|
|
4923
4856
|
"name": "*",
|
|
4924
|
-
"package": "./
|
|
4857
|
+
"package": "./banner.styles"
|
|
4925
4858
|
}
|
|
4926
4859
|
}
|
|
4927
4860
|
]
|
|
4928
4861
|
},
|
|
4929
4862
|
{
|
|
4930
4863
|
"kind": "javascript-module",
|
|
4931
|
-
"path": "src/
|
|
4864
|
+
"path": "src/badge/badge.stories.ts",
|
|
4932
4865
|
"declarations": [
|
|
4933
4866
|
{
|
|
4934
4867
|
"kind": "variable",
|
|
@@ -4936,15 +4869,15 @@
|
|
|
4936
4869
|
"type": {
|
|
4937
4870
|
"text": "Meta"
|
|
4938
4871
|
},
|
|
4939
|
-
"default": "{\n title: '
|
|
4872
|
+
"default": "{\n title: 'Badge',\n component: 'zero-badge',\n}"
|
|
4940
4873
|
},
|
|
4941
4874
|
{
|
|
4942
4875
|
"kind": "variable",
|
|
4943
|
-
"name": "
|
|
4876
|
+
"name": "All",
|
|
4944
4877
|
"type": {
|
|
4945
4878
|
"text": "StoryObj"
|
|
4946
4879
|
},
|
|
4947
|
-
"default": "{\n args: {\n
|
|
4880
|
+
"default": "{\n args: {\n fillColors,\n fontColors,\n badgeText: 'Rapid Badge',\n },\n ...StylesMapperTemplate,\n}"
|
|
4948
4881
|
}
|
|
4949
4882
|
],
|
|
4950
4883
|
"exports": [
|
|
@@ -4953,118 +4886,195 @@
|
|
|
4953
4886
|
"name": "default",
|
|
4954
4887
|
"declaration": {
|
|
4955
4888
|
"name": "meta",
|
|
4956
|
-
"module": "src/
|
|
4889
|
+
"module": "src/badge/badge.stories.ts"
|
|
4957
4890
|
}
|
|
4958
4891
|
},
|
|
4959
4892
|
{
|
|
4960
4893
|
"kind": "js",
|
|
4961
|
-
"name": "
|
|
4894
|
+
"name": "All",
|
|
4962
4895
|
"declaration": {
|
|
4963
|
-
"name": "
|
|
4964
|
-
"module": "src/
|
|
4896
|
+
"name": "All",
|
|
4897
|
+
"module": "src/badge/badge.stories.ts"
|
|
4965
4898
|
}
|
|
4966
4899
|
}
|
|
4967
4900
|
]
|
|
4968
4901
|
},
|
|
4969
4902
|
{
|
|
4970
4903
|
"kind": "javascript-module",
|
|
4971
|
-
"path": "src/
|
|
4904
|
+
"path": "src/badge/badge.styles.ts",
|
|
4972
4905
|
"declarations": [
|
|
4973
4906
|
{
|
|
4974
|
-
"kind": "
|
|
4975
|
-
"name": "
|
|
4976
|
-
"
|
|
4907
|
+
"kind": "function",
|
|
4908
|
+
"name": "zeroBadgeStyles",
|
|
4909
|
+
"return": {
|
|
4910
|
+
"type": {
|
|
4911
|
+
"text": "ElementStyles"
|
|
4912
|
+
}
|
|
4913
|
+
},
|
|
4914
|
+
"parameters": [
|
|
4915
|
+
{
|
|
4916
|
+
"name": "context",
|
|
4917
|
+
"type": {
|
|
4918
|
+
"text": "ElementDefinitionContext"
|
|
4919
|
+
}
|
|
4920
|
+
},
|
|
4921
|
+
{
|
|
4922
|
+
"name": "definition",
|
|
4923
|
+
"type": {
|
|
4924
|
+
"text": "FoundationElementDefinition"
|
|
4925
|
+
}
|
|
4926
|
+
}
|
|
4927
|
+
]
|
|
4977
4928
|
}
|
|
4978
4929
|
],
|
|
4979
4930
|
"exports": [
|
|
4980
4931
|
{
|
|
4981
4932
|
"kind": "js",
|
|
4982
|
-
"name": "
|
|
4933
|
+
"name": "zeroBadgeStyles",
|
|
4983
4934
|
"declaration": {
|
|
4984
|
-
"name": "
|
|
4985
|
-
"module": "src/
|
|
4935
|
+
"name": "zeroBadgeStyles",
|
|
4936
|
+
"module": "src/badge/badge.styles.ts"
|
|
4986
4937
|
}
|
|
4987
4938
|
}
|
|
4988
4939
|
]
|
|
4989
4940
|
},
|
|
4990
4941
|
{
|
|
4991
4942
|
"kind": "javascript-module",
|
|
4992
|
-
"path": "src/
|
|
4943
|
+
"path": "src/badge/badge.template.ts",
|
|
4993
4944
|
"declarations": [
|
|
4994
4945
|
{
|
|
4995
|
-
"kind": "
|
|
4996
|
-
"name": "
|
|
4997
|
-
"
|
|
4998
|
-
|
|
4946
|
+
"kind": "function",
|
|
4947
|
+
"name": "zeroBadgeTemplate",
|
|
4948
|
+
"return": {
|
|
4949
|
+
"type": {
|
|
4950
|
+
"text": "ViewTemplate<Badge>"
|
|
4951
|
+
}
|
|
4952
|
+
},
|
|
4953
|
+
"parameters": [
|
|
4954
|
+
{
|
|
4955
|
+
"name": "context",
|
|
4956
|
+
"type": {
|
|
4957
|
+
"text": "ElementDefinitionContext"
|
|
4958
|
+
}
|
|
4959
|
+
},
|
|
4960
|
+
{
|
|
4961
|
+
"name": "definition",
|
|
4962
|
+
"type": {
|
|
4963
|
+
"text": "FoundationElementDefinition"
|
|
4964
|
+
}
|
|
4965
|
+
}
|
|
4966
|
+
]
|
|
4967
|
+
}
|
|
4968
|
+
],
|
|
4969
|
+
"exports": [
|
|
4970
|
+
{
|
|
4971
|
+
"kind": "js",
|
|
4972
|
+
"name": "zeroBadgeTemplate",
|
|
4973
|
+
"declaration": {
|
|
4974
|
+
"name": "zeroBadgeTemplate",
|
|
4975
|
+
"module": "src/badge/badge.template.ts"
|
|
4976
|
+
}
|
|
4977
|
+
}
|
|
4978
|
+
]
|
|
4979
|
+
},
|
|
4980
|
+
{
|
|
4981
|
+
"kind": "javascript-module",
|
|
4982
|
+
"path": "src/badge/badge.ts",
|
|
4983
|
+
"declarations": [
|
|
4999
4984
|
{
|
|
5000
4985
|
"kind": "class",
|
|
5001
4986
|
"description": "",
|
|
5002
|
-
"name": "
|
|
4987
|
+
"name": "Badge",
|
|
5003
4988
|
"superclass": {
|
|
5004
|
-
"name": "
|
|
4989
|
+
"name": "FoundationBadge",
|
|
5005
4990
|
"package": "@genesislcap/foundation-ui"
|
|
5006
4991
|
},
|
|
5007
|
-
"tagName": "%%prefix%%-
|
|
4992
|
+
"tagName": "%%prefix%%-badge",
|
|
5008
4993
|
"customElement": true,
|
|
5009
|
-
"
|
|
4994
|
+
"attributes": [
|
|
5010
4995
|
{
|
|
5011
|
-
"
|
|
5012
|
-
"name": "banner",
|
|
4996
|
+
"name": "fill",
|
|
5013
4997
|
"type": {
|
|
5014
|
-
"text": "
|
|
4998
|
+
"text": "string"
|
|
5015
4999
|
},
|
|
5016
|
-
"
|
|
5000
|
+
"description": "Indicates the badge should have a filled style.",
|
|
5001
|
+
"fieldName": "fill",
|
|
5017
5002
|
"inheritedFrom": {
|
|
5018
|
-
"name": "
|
|
5019
|
-
"module": "src/
|
|
5003
|
+
"name": "Badge",
|
|
5004
|
+
"module": "src/badge/badge.ts"
|
|
5020
5005
|
}
|
|
5021
5006
|
},
|
|
5022
5007
|
{
|
|
5023
|
-
"
|
|
5024
|
-
"name": "dismissAnimation",
|
|
5008
|
+
"name": "color",
|
|
5025
5009
|
"type": {
|
|
5026
|
-
"text": "
|
|
5010
|
+
"text": "string"
|
|
5027
5011
|
},
|
|
5028
|
-
"
|
|
5012
|
+
"description": "Indicates the badge should have a filled style.",
|
|
5013
|
+
"fieldName": "color",
|
|
5029
5014
|
"inheritedFrom": {
|
|
5030
|
-
"name": "
|
|
5031
|
-
"module": "src/
|
|
5015
|
+
"name": "Badge",
|
|
5016
|
+
"module": "src/badge/badge.ts"
|
|
5032
5017
|
}
|
|
5033
5018
|
},
|
|
5019
|
+
{
|
|
5020
|
+
"type": {
|
|
5021
|
+
"text": "boolean"
|
|
5022
|
+
},
|
|
5023
|
+
"description": "Indicates the element should be circular",
|
|
5024
|
+
"fieldName": "circular",
|
|
5025
|
+
"inheritedFrom": {
|
|
5026
|
+
"name": "Badge",
|
|
5027
|
+
"module": "src/badge/badge.ts"
|
|
5028
|
+
}
|
|
5029
|
+
}
|
|
5030
|
+
],
|
|
5031
|
+
"members": [
|
|
5034
5032
|
{
|
|
5035
5033
|
"kind": "field",
|
|
5036
|
-
"name": "
|
|
5034
|
+
"name": "fill",
|
|
5037
5035
|
"type": {
|
|
5038
|
-
"text": "
|
|
5036
|
+
"text": "string"
|
|
5039
5037
|
},
|
|
5038
|
+
"privacy": "public",
|
|
5039
|
+
"description": "Indicates the badge should have a filled style.",
|
|
5040
5040
|
"inheritedFrom": {
|
|
5041
|
-
"name": "
|
|
5042
|
-
"module": "src/
|
|
5041
|
+
"name": "Badge",
|
|
5042
|
+
"module": "src/badge/badge.ts"
|
|
5043
5043
|
}
|
|
5044
5044
|
},
|
|
5045
5045
|
{
|
|
5046
|
-
"kind": "
|
|
5047
|
-
"name": "
|
|
5046
|
+
"kind": "field",
|
|
5047
|
+
"name": "color",
|
|
5048
|
+
"type": {
|
|
5049
|
+
"text": "string"
|
|
5050
|
+
},
|
|
5048
5051
|
"privacy": "public",
|
|
5049
|
-
"
|
|
5050
|
-
|
|
5051
|
-
|
|
5052
|
-
|
|
5052
|
+
"description": "Indicates the badge should have a filled style.",
|
|
5053
|
+
"inheritedFrom": {
|
|
5054
|
+
"name": "Badge",
|
|
5055
|
+
"module": "src/badge/badge.ts"
|
|
5056
|
+
}
|
|
5057
|
+
},
|
|
5058
|
+
{
|
|
5059
|
+
"kind": "field",
|
|
5060
|
+
"name": "circular",
|
|
5061
|
+
"type": {
|
|
5062
|
+
"text": "boolean"
|
|
5053
5063
|
},
|
|
5054
|
-
"
|
|
5064
|
+
"privacy": "public",
|
|
5065
|
+
"description": "Indicates the element should be circular",
|
|
5055
5066
|
"inheritedFrom": {
|
|
5056
|
-
"name": "
|
|
5057
|
-
"module": "src/
|
|
5067
|
+
"name": "Badge",
|
|
5068
|
+
"module": "src/badge/badge.ts"
|
|
5058
5069
|
}
|
|
5059
5070
|
},
|
|
5060
5071
|
{
|
|
5061
|
-
"kind": "
|
|
5062
|
-
"name": "
|
|
5072
|
+
"kind": "field",
|
|
5073
|
+
"name": "generateBadgeStyle",
|
|
5063
5074
|
"privacy": "public",
|
|
5064
|
-
"description": "Dismiss the Banner (NotificationStructure) from display.",
|
|
5065
5075
|
"inheritedFrom": {
|
|
5066
|
-
"name": "
|
|
5067
|
-
"module": "src/
|
|
5076
|
+
"name": "Badge",
|
|
5077
|
+
"module": "src/badge/badge.ts"
|
|
5068
5078
|
}
|
|
5069
5079
|
},
|
|
5070
5080
|
{
|
|
@@ -5076,8 +5086,8 @@
|
|
|
5076
5086
|
"privacy": "private",
|
|
5077
5087
|
"default": "void 0",
|
|
5078
5088
|
"inheritedFrom": {
|
|
5079
|
-
"name": "
|
|
5080
|
-
"module": "src/
|
|
5089
|
+
"name": "Badge",
|
|
5090
|
+
"module": "src/badge/badge.ts"
|
|
5081
5091
|
}
|
|
5082
5092
|
},
|
|
5083
5093
|
{
|
|
@@ -5089,8 +5099,8 @@
|
|
|
5089
5099
|
"privacy": "public",
|
|
5090
5100
|
"description": "A property which resolves the ComponentPresentation instance\nfor the current component.",
|
|
5091
5101
|
"inheritedFrom": {
|
|
5092
|
-
"name": "
|
|
5093
|
-
"module": "src/
|
|
5102
|
+
"name": "Badge",
|
|
5103
|
+
"module": "src/badge/badge.ts"
|
|
5094
5104
|
}
|
|
5095
5105
|
},
|
|
5096
5106
|
{
|
|
@@ -5102,8 +5112,8 @@
|
|
|
5102
5112
|
"privacy": "public",
|
|
5103
5113
|
"description": "Sets the template of the element instance. When undefined,\nthe element will attempt to resolve the template from\nthe associated presentation or custom element definition.",
|
|
5104
5114
|
"inheritedFrom": {
|
|
5105
|
-
"name": "
|
|
5106
|
-
"module": "src/
|
|
5115
|
+
"name": "Badge",
|
|
5116
|
+
"module": "src/badge/badge.ts"
|
|
5107
5117
|
}
|
|
5108
5118
|
},
|
|
5109
5119
|
{
|
|
@@ -5116,8 +5126,8 @@
|
|
|
5116
5126
|
}
|
|
5117
5127
|
},
|
|
5118
5128
|
"inheritedFrom": {
|
|
5119
|
-
"name": "
|
|
5120
|
-
"module": "src/
|
|
5129
|
+
"name": "Badge",
|
|
5130
|
+
"module": "src/badge/badge.ts"
|
|
5121
5131
|
}
|
|
5122
5132
|
},
|
|
5123
5133
|
{
|
|
@@ -5129,8 +5139,8 @@
|
|
|
5129
5139
|
"privacy": "public",
|
|
5130
5140
|
"description": "Sets the default styles for the element instance. When undefined,\nthe element will attempt to resolve default styles from\nthe associated presentation or custom element definition.",
|
|
5131
5141
|
"inheritedFrom": {
|
|
5132
|
-
"name": "
|
|
5133
|
-
"module": "src/
|
|
5142
|
+
"name": "Badge",
|
|
5143
|
+
"module": "src/badge/badge.ts"
|
|
5134
5144
|
}
|
|
5135
5145
|
},
|
|
5136
5146
|
{
|
|
@@ -5143,8 +5153,8 @@
|
|
|
5143
5153
|
}
|
|
5144
5154
|
},
|
|
5145
5155
|
"inheritedFrom": {
|
|
5146
|
-
"name": "
|
|
5147
|
-
"module": "src/
|
|
5156
|
+
"name": "Badge",
|
|
5157
|
+
"module": "src/badge/badge.ts"
|
|
5148
5158
|
}
|
|
5149
5159
|
},
|
|
5150
5160
|
{
|
|
@@ -5174,57 +5184,47 @@
|
|
|
5174
5184
|
],
|
|
5175
5185
|
"description": "Defines an element registry function with a set of element definition defaults.",
|
|
5176
5186
|
"inheritedFrom": {
|
|
5177
|
-
"name": "
|
|
5178
|
-
"module": "src/
|
|
5187
|
+
"name": "Badge",
|
|
5188
|
+
"module": "src/badge/badge.ts"
|
|
5179
5189
|
}
|
|
5180
5190
|
}
|
|
5181
5191
|
]
|
|
5182
5192
|
},
|
|
5183
5193
|
{
|
|
5184
5194
|
"kind": "variable",
|
|
5185
|
-
"name": "
|
|
5186
|
-
"description": "The Zero Banner",
|
|
5187
|
-
"privacy": "public"
|
|
5195
|
+
"name": "zeroBadge"
|
|
5188
5196
|
}
|
|
5189
5197
|
],
|
|
5190
5198
|
"exports": [
|
|
5191
5199
|
{
|
|
5192
5200
|
"kind": "js",
|
|
5193
|
-
"name": "
|
|
5194
|
-
"declaration": {
|
|
5195
|
-
"name": "zeroBannerShadowOptions",
|
|
5196
|
-
"module": "src/banner/banner.ts"
|
|
5197
|
-
}
|
|
5198
|
-
},
|
|
5199
|
-
{
|
|
5200
|
-
"kind": "js",
|
|
5201
|
-
"name": "Banner",
|
|
5201
|
+
"name": "Badge",
|
|
5202
5202
|
"declaration": {
|
|
5203
|
-
"name": "
|
|
5204
|
-
"module": "src/
|
|
5203
|
+
"name": "Badge",
|
|
5204
|
+
"module": "src/badge/badge.ts"
|
|
5205
5205
|
}
|
|
5206
5206
|
},
|
|
5207
5207
|
{
|
|
5208
5208
|
"kind": "js",
|
|
5209
|
-
"name": "
|
|
5209
|
+
"name": "zeroBadge",
|
|
5210
5210
|
"declaration": {
|
|
5211
|
-
"name": "
|
|
5212
|
-
"module": "src/
|
|
5211
|
+
"name": "zeroBadge",
|
|
5212
|
+
"module": "src/badge/badge.ts"
|
|
5213
5213
|
}
|
|
5214
5214
|
}
|
|
5215
5215
|
]
|
|
5216
5216
|
},
|
|
5217
5217
|
{
|
|
5218
5218
|
"kind": "javascript-module",
|
|
5219
|
-
"path": "src/
|
|
5219
|
+
"path": "src/badge/index.ts",
|
|
5220
5220
|
"declarations": [],
|
|
5221
5221
|
"exports": [
|
|
5222
5222
|
{
|
|
5223
5223
|
"kind": "js",
|
|
5224
|
-
"name": "
|
|
5224
|
+
"name": "*",
|
|
5225
5225
|
"declaration": {
|
|
5226
|
-
"name": "
|
|
5227
|
-
"package": "
|
|
5226
|
+
"name": "*",
|
|
5227
|
+
"package": "./badge"
|
|
5228
5228
|
}
|
|
5229
5229
|
},
|
|
5230
5230
|
{
|
|
@@ -5232,7 +5232,7 @@
|
|
|
5232
5232
|
"name": "*",
|
|
5233
5233
|
"declaration": {
|
|
5234
5234
|
"name": "*",
|
|
5235
|
-
"package": "./
|
|
5235
|
+
"package": "./badge.styles"
|
|
5236
5236
|
}
|
|
5237
5237
|
},
|
|
5238
5238
|
{
|
|
@@ -5240,7 +5240,7 @@
|
|
|
5240
5240
|
"name": "*",
|
|
5241
5241
|
"declaration": {
|
|
5242
5242
|
"name": "*",
|
|
5243
|
-
"package": "./
|
|
5243
|
+
"package": "./badge.template"
|
|
5244
5244
|
}
|
|
5245
5245
|
}
|
|
5246
5246
|
]
|
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.138.
|
|
4
|
+
"version": "14.138.1",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"license": "SEE LICENSE IN license.txt",
|
|
7
7
|
"main": "dist/esm/index.js",
|
|
@@ -67,7 +67,7 @@
|
|
|
67
67
|
},
|
|
68
68
|
"devDependencies": {
|
|
69
69
|
"@genesiscommunitysuccess/analyzer-import-alias-plugin": "^4.0.0",
|
|
70
|
-
"@genesislcap/genx": "14.138.
|
|
70
|
+
"@genesislcap/genx": "14.138.1",
|
|
71
71
|
"@storybook/addon-coverage": "^1.0.0",
|
|
72
72
|
"@storybook/addon-essentials": "^7.6.7",
|
|
73
73
|
"@storybook/addon-links": "^7.6.7",
|
|
@@ -84,10 +84,10 @@
|
|
|
84
84
|
"storybook": "^7.6.7"
|
|
85
85
|
},
|
|
86
86
|
"dependencies": {
|
|
87
|
-
"@genesislcap/foundation-comms": "14.138.
|
|
88
|
-
"@genesislcap/foundation-logger": "14.138.
|
|
89
|
-
"@genesislcap/foundation-ui": "14.138.
|
|
90
|
-
"@genesislcap/foundation-utils": "14.138.
|
|
87
|
+
"@genesislcap/foundation-comms": "14.138.1",
|
|
88
|
+
"@genesislcap/foundation-logger": "14.138.1",
|
|
89
|
+
"@genesislcap/foundation-ui": "14.138.1",
|
|
90
|
+
"@genesislcap/foundation-utils": "14.138.1",
|
|
91
91
|
"@microsoft/fast-colors": "^5.3.1",
|
|
92
92
|
"@microsoft/fast-components": "^2.30.6",
|
|
93
93
|
"@microsoft/fast-element": "^1.12.0",
|
|
@@ -104,5 +104,5 @@
|
|
|
104
104
|
"access": "public"
|
|
105
105
|
},
|
|
106
106
|
"customElements": "dist/custom-elements.json",
|
|
107
|
-
"gitHead": "
|
|
107
|
+
"gitHead": "2b0b86a7a094976879b0cfdcd47a7ab35714625e"
|
|
108
108
|
}
|