@momentum-design/components 0.118.4 → 0.118.5
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/browser/index.js +65 -69
- package/dist/browser/index.js.map +2 -2
- package/dist/components/checkbox/checkbox.component.js +2 -2
- package/dist/components/checkbox/checkbox.styles.js +13 -8
- package/dist/components/combobox/combobox.component.js +1 -1
- package/dist/components/formfieldgroup/formfieldgroup.styles.js +0 -4
- package/dist/components/formfieldwrapper/formfieldwrapper.component.d.ts +2 -2
- package/dist/components/formfieldwrapper/formfieldwrapper.component.js +5 -7
- package/dist/components/formfieldwrapper/formfieldwrapper.styles.js +22 -16
- package/dist/components/progressbar/progressbar.styles.js +3 -5
- package/dist/components/radio/radio.component.js +2 -2
- package/dist/components/radio/radio.styles.js +8 -12
- package/dist/components/toggle/toggle.component.d.ts +0 -3
- package/dist/components/toggle/toggle.component.js +0 -3
- package/dist/components/toggle/toggle.styles.js +11 -14
- package/dist/custom-elements.json +205 -217
- package/dist/react/index.d.ts +1 -1
- package/dist/react/index.js +1 -1
- package/dist/react/toggle/index.d.ts +0 -3
- package/dist/react/toggle/index.js +0 -3
- package/package.json +1 -1
|
@@ -4569,6 +4569,182 @@
|
|
|
4569
4569
|
}
|
|
4570
4570
|
]
|
|
4571
4571
|
},
|
|
4572
|
+
{
|
|
4573
|
+
"kind": "javascript-module",
|
|
4574
|
+
"path": "components/brandvisual/brandvisual.component.js",
|
|
4575
|
+
"declarations": [
|
|
4576
|
+
{
|
|
4577
|
+
"kind": "class",
|
|
4578
|
+
"description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
|
|
4579
|
+
"name": "Brandvisual",
|
|
4580
|
+
"members": [
|
|
4581
|
+
{
|
|
4582
|
+
"kind": "field",
|
|
4583
|
+
"name": "brandVisualData",
|
|
4584
|
+
"type": {
|
|
4585
|
+
"text": "Element | TemplateResult | undefined"
|
|
4586
|
+
},
|
|
4587
|
+
"privacy": "private"
|
|
4588
|
+
},
|
|
4589
|
+
{
|
|
4590
|
+
"kind": "field",
|
|
4591
|
+
"name": "name",
|
|
4592
|
+
"type": {
|
|
4593
|
+
"text": "BrandVisualNames | undefined"
|
|
4594
|
+
},
|
|
4595
|
+
"description": "Name of the brandVisual (= filename)",
|
|
4596
|
+
"attribute": "name",
|
|
4597
|
+
"reflects": true
|
|
4598
|
+
},
|
|
4599
|
+
{
|
|
4600
|
+
"kind": "field",
|
|
4601
|
+
"name": "altText",
|
|
4602
|
+
"type": {
|
|
4603
|
+
"text": "string | undefined"
|
|
4604
|
+
},
|
|
4605
|
+
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
4606
|
+
"attribute": "altText",
|
|
4607
|
+
"reflects": true
|
|
4608
|
+
},
|
|
4609
|
+
{
|
|
4610
|
+
"kind": "method",
|
|
4611
|
+
"name": "getBrandVisualData",
|
|
4612
|
+
"privacy": "private"
|
|
4613
|
+
},
|
|
4614
|
+
{
|
|
4615
|
+
"kind": "method",
|
|
4616
|
+
"name": "injectTemplateAttributes",
|
|
4617
|
+
"privacy": "private",
|
|
4618
|
+
"return": {
|
|
4619
|
+
"type": {
|
|
4620
|
+
"text": "Element | TemplateResult"
|
|
4621
|
+
}
|
|
4622
|
+
},
|
|
4623
|
+
"parameters": [
|
|
4624
|
+
{
|
|
4625
|
+
"name": "litTemplate",
|
|
4626
|
+
"type": {
|
|
4627
|
+
"text": "TemplateResult"
|
|
4628
|
+
}
|
|
4629
|
+
},
|
|
4630
|
+
{
|
|
4631
|
+
"name": "tag",
|
|
4632
|
+
"type": {
|
|
4633
|
+
"text": "string"
|
|
4634
|
+
}
|
|
4635
|
+
},
|
|
4636
|
+
{
|
|
4637
|
+
"name": "props",
|
|
4638
|
+
"type": {
|
|
4639
|
+
"text": "any"
|
|
4640
|
+
}
|
|
4641
|
+
}
|
|
4642
|
+
]
|
|
4643
|
+
},
|
|
4644
|
+
{
|
|
4645
|
+
"kind": "method",
|
|
4646
|
+
"name": "injectHtmlAttributes",
|
|
4647
|
+
"privacy": "private",
|
|
4648
|
+
"return": {
|
|
4649
|
+
"type": {
|
|
4650
|
+
"text": "Element"
|
|
4651
|
+
}
|
|
4652
|
+
},
|
|
4653
|
+
"parameters": [
|
|
4654
|
+
{
|
|
4655
|
+
"name": "html",
|
|
4656
|
+
"type": {
|
|
4657
|
+
"text": "Element"
|
|
4658
|
+
}
|
|
4659
|
+
},
|
|
4660
|
+
{
|
|
4661
|
+
"name": "props",
|
|
4662
|
+
"type": {
|
|
4663
|
+
"text": "imageProps"
|
|
4664
|
+
}
|
|
4665
|
+
}
|
|
4666
|
+
]
|
|
4667
|
+
},
|
|
4668
|
+
{
|
|
4669
|
+
"kind": "method",
|
|
4670
|
+
"name": "handleBrandVisualLoadedSuccess",
|
|
4671
|
+
"privacy": "private",
|
|
4672
|
+
"parameters": [
|
|
4673
|
+
{
|
|
4674
|
+
"name": "brandVisualHtml",
|
|
4675
|
+
"type": {
|
|
4676
|
+
"text": "TemplateResult"
|
|
4677
|
+
},
|
|
4678
|
+
"description": "The brandvisual html element which has been fetched from the brandvisual provider."
|
|
4679
|
+
}
|
|
4680
|
+
],
|
|
4681
|
+
"description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
|
|
4682
|
+
},
|
|
4683
|
+
{
|
|
4684
|
+
"kind": "method",
|
|
4685
|
+
"name": "handleBrandVisualLoadedFailure",
|
|
4686
|
+
"privacy": "private",
|
|
4687
|
+
"parameters": [
|
|
4688
|
+
{
|
|
4689
|
+
"name": "error",
|
|
4690
|
+
"type": {
|
|
4691
|
+
"text": "unknown"
|
|
4692
|
+
}
|
|
4693
|
+
}
|
|
4694
|
+
],
|
|
4695
|
+
"description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
|
|
4696
|
+
}
|
|
4697
|
+
],
|
|
4698
|
+
"events": [
|
|
4699
|
+
{
|
|
4700
|
+
"description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
|
|
4701
|
+
"name": "load",
|
|
4702
|
+
"reactName": "onLoad"
|
|
4703
|
+
},
|
|
4704
|
+
{
|
|
4705
|
+
"description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
|
|
4706
|
+
"name": "error",
|
|
4707
|
+
"reactName": "onError"
|
|
4708
|
+
}
|
|
4709
|
+
],
|
|
4710
|
+
"attributes": [
|
|
4711
|
+
{
|
|
4712
|
+
"name": "name",
|
|
4713
|
+
"type": {
|
|
4714
|
+
"text": "BrandVisualNames | undefined"
|
|
4715
|
+
},
|
|
4716
|
+
"description": "Name of the brandVisual (= filename)",
|
|
4717
|
+
"fieldName": "name"
|
|
4718
|
+
},
|
|
4719
|
+
{
|
|
4720
|
+
"name": "altText",
|
|
4721
|
+
"type": {
|
|
4722
|
+
"text": "string | undefined"
|
|
4723
|
+
},
|
|
4724
|
+
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
4725
|
+
"fieldName": "altText"
|
|
4726
|
+
}
|
|
4727
|
+
],
|
|
4728
|
+
"superclass": {
|
|
4729
|
+
"name": "Component",
|
|
4730
|
+
"module": "/src/models"
|
|
4731
|
+
},
|
|
4732
|
+
"tagName": "mdc-brandvisual",
|
|
4733
|
+
"jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
|
|
4734
|
+
"customElement": true
|
|
4735
|
+
}
|
|
4736
|
+
],
|
|
4737
|
+
"exports": [
|
|
4738
|
+
{
|
|
4739
|
+
"kind": "js",
|
|
4740
|
+
"name": "default",
|
|
4741
|
+
"declaration": {
|
|
4742
|
+
"name": "Brandvisual",
|
|
4743
|
+
"module": "components/brandvisual/brandvisual.component.js"
|
|
4744
|
+
}
|
|
4745
|
+
}
|
|
4746
|
+
]
|
|
4747
|
+
},
|
|
4572
4748
|
{
|
|
4573
4749
|
"kind": "javascript-module",
|
|
4574
4750
|
"path": "components/banner/banner.component.js",
|
|
@@ -4800,182 +4976,6 @@
|
|
|
4800
4976
|
}
|
|
4801
4977
|
]
|
|
4802
4978
|
},
|
|
4803
|
-
{
|
|
4804
|
-
"kind": "javascript-module",
|
|
4805
|
-
"path": "components/brandvisual/brandvisual.component.js",
|
|
4806
|
-
"declarations": [
|
|
4807
|
-
{
|
|
4808
|
-
"kind": "class",
|
|
4809
|
-
"description": "The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\ndisplayed correctly within applications.\n\nFeatures:\n- Dynamically loads brandvisuals based on the `name` attribute.\n- Emits a `load` event when the brandvisual is successfully fetched.\n- Emits an `error` event when the brandvisual import fails.\n- Supports accessibility best practices.\n- Used for brand representation within the design system.",
|
|
4810
|
-
"name": "Brandvisual",
|
|
4811
|
-
"members": [
|
|
4812
|
-
{
|
|
4813
|
-
"kind": "field",
|
|
4814
|
-
"name": "brandVisualData",
|
|
4815
|
-
"type": {
|
|
4816
|
-
"text": "Element | TemplateResult | undefined"
|
|
4817
|
-
},
|
|
4818
|
-
"privacy": "private"
|
|
4819
|
-
},
|
|
4820
|
-
{
|
|
4821
|
-
"kind": "field",
|
|
4822
|
-
"name": "name",
|
|
4823
|
-
"type": {
|
|
4824
|
-
"text": "BrandVisualNames | undefined"
|
|
4825
|
-
},
|
|
4826
|
-
"description": "Name of the brandVisual (= filename)",
|
|
4827
|
-
"attribute": "name",
|
|
4828
|
-
"reflects": true
|
|
4829
|
-
},
|
|
4830
|
-
{
|
|
4831
|
-
"kind": "field",
|
|
4832
|
-
"name": "altText",
|
|
4833
|
-
"type": {
|
|
4834
|
-
"text": "string | undefined"
|
|
4835
|
-
},
|
|
4836
|
-
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
4837
|
-
"attribute": "altText",
|
|
4838
|
-
"reflects": true
|
|
4839
|
-
},
|
|
4840
|
-
{
|
|
4841
|
-
"kind": "method",
|
|
4842
|
-
"name": "getBrandVisualData",
|
|
4843
|
-
"privacy": "private"
|
|
4844
|
-
},
|
|
4845
|
-
{
|
|
4846
|
-
"kind": "method",
|
|
4847
|
-
"name": "injectTemplateAttributes",
|
|
4848
|
-
"privacy": "private",
|
|
4849
|
-
"return": {
|
|
4850
|
-
"type": {
|
|
4851
|
-
"text": "Element | TemplateResult"
|
|
4852
|
-
}
|
|
4853
|
-
},
|
|
4854
|
-
"parameters": [
|
|
4855
|
-
{
|
|
4856
|
-
"name": "litTemplate",
|
|
4857
|
-
"type": {
|
|
4858
|
-
"text": "TemplateResult"
|
|
4859
|
-
}
|
|
4860
|
-
},
|
|
4861
|
-
{
|
|
4862
|
-
"name": "tag",
|
|
4863
|
-
"type": {
|
|
4864
|
-
"text": "string"
|
|
4865
|
-
}
|
|
4866
|
-
},
|
|
4867
|
-
{
|
|
4868
|
-
"name": "props",
|
|
4869
|
-
"type": {
|
|
4870
|
-
"text": "any"
|
|
4871
|
-
}
|
|
4872
|
-
}
|
|
4873
|
-
]
|
|
4874
|
-
},
|
|
4875
|
-
{
|
|
4876
|
-
"kind": "method",
|
|
4877
|
-
"name": "injectHtmlAttributes",
|
|
4878
|
-
"privacy": "private",
|
|
4879
|
-
"return": {
|
|
4880
|
-
"type": {
|
|
4881
|
-
"text": "Element"
|
|
4882
|
-
}
|
|
4883
|
-
},
|
|
4884
|
-
"parameters": [
|
|
4885
|
-
{
|
|
4886
|
-
"name": "html",
|
|
4887
|
-
"type": {
|
|
4888
|
-
"text": "Element"
|
|
4889
|
-
}
|
|
4890
|
-
},
|
|
4891
|
-
{
|
|
4892
|
-
"name": "props",
|
|
4893
|
-
"type": {
|
|
4894
|
-
"text": "imageProps"
|
|
4895
|
-
}
|
|
4896
|
-
}
|
|
4897
|
-
]
|
|
4898
|
-
},
|
|
4899
|
-
{
|
|
4900
|
-
"kind": "method",
|
|
4901
|
-
"name": "handleBrandVisualLoadedSuccess",
|
|
4902
|
-
"privacy": "private",
|
|
4903
|
-
"parameters": [
|
|
4904
|
-
{
|
|
4905
|
-
"name": "brandVisualHtml",
|
|
4906
|
-
"type": {
|
|
4907
|
-
"text": "TemplateResult"
|
|
4908
|
-
},
|
|
4909
|
-
"description": "The brandvisual html element which has been fetched from the brandvisual provider."
|
|
4910
|
-
}
|
|
4911
|
-
],
|
|
4912
|
-
"description": "Sets the brandVisualData state to the fetched brandvisual.\nDispatches a 'load' event on the component once the brandvisual has been successfully loaded."
|
|
4913
|
-
},
|
|
4914
|
-
{
|
|
4915
|
-
"kind": "method",
|
|
4916
|
-
"name": "handleBrandVisualLoadedFailure",
|
|
4917
|
-
"privacy": "private",
|
|
4918
|
-
"parameters": [
|
|
4919
|
-
{
|
|
4920
|
-
"name": "error",
|
|
4921
|
-
"type": {
|
|
4922
|
-
"text": "unknown"
|
|
4923
|
-
}
|
|
4924
|
-
}
|
|
4925
|
-
],
|
|
4926
|
-
"description": "Dispatches an 'error' event on the component when the brandvisual import has failed.\nThis event bubbles and is cancelable.\nThe error detail is set to the error object."
|
|
4927
|
-
}
|
|
4928
|
-
],
|
|
4929
|
-
"events": [
|
|
4930
|
-
{
|
|
4931
|
-
"description": "(React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.",
|
|
4932
|
-
"name": "load",
|
|
4933
|
-
"reactName": "onLoad"
|
|
4934
|
-
},
|
|
4935
|
-
{
|
|
4936
|
-
"description": "(React: onError) This event is dispatched when the brandvisual fetching has failed.",
|
|
4937
|
-
"name": "error",
|
|
4938
|
-
"reactName": "onError"
|
|
4939
|
-
}
|
|
4940
|
-
],
|
|
4941
|
-
"attributes": [
|
|
4942
|
-
{
|
|
4943
|
-
"name": "name",
|
|
4944
|
-
"type": {
|
|
4945
|
-
"text": "BrandVisualNames | undefined"
|
|
4946
|
-
},
|
|
4947
|
-
"description": "Name of the brandVisual (= filename)",
|
|
4948
|
-
"fieldName": "name"
|
|
4949
|
-
},
|
|
4950
|
-
{
|
|
4951
|
-
"name": "altText",
|
|
4952
|
-
"type": {
|
|
4953
|
-
"text": "string | undefined"
|
|
4954
|
-
},
|
|
4955
|
-
"description": "Alt text for the brandvisual image for accessibility.\nThis will only be set if the brandvisual is an image (png).",
|
|
4956
|
-
"fieldName": "altText"
|
|
4957
|
-
}
|
|
4958
|
-
],
|
|
4959
|
-
"superclass": {
|
|
4960
|
-
"name": "Component",
|
|
4961
|
-
"module": "/src/models"
|
|
4962
|
-
},
|
|
4963
|
-
"tagName": "mdc-brandvisual",
|
|
4964
|
-
"jsDoc": "/**\n * The `mdc-brandvisual` component is responsible for rendering logos dynamically & ensures they are\n * displayed correctly within applications.\n *\n * Features:\n * - Dynamically loads brandvisuals based on the `name` attribute.\n * - Emits a `load` event when the brandvisual is successfully fetched.\n * - Emits an `error` event when the brandvisual import fails.\n * - Supports accessibility best practices.\n * - Used for brand representation within the design system.\n *\n * @tagname mdc-brandvisual\n *\n * @event load - (React: onLoad) This event is dispatched when the brandvisual has been successfully loaded.\n * @event error - (React: onError) This event is dispatched when the brandvisual fetching has failed.\n *\n */",
|
|
4965
|
-
"customElement": true
|
|
4966
|
-
}
|
|
4967
|
-
],
|
|
4968
|
-
"exports": [
|
|
4969
|
-
{
|
|
4970
|
-
"kind": "js",
|
|
4971
|
-
"name": "default",
|
|
4972
|
-
"declaration": {
|
|
4973
|
-
"name": "Brandvisual",
|
|
4974
|
-
"module": "components/brandvisual/brandvisual.component.js"
|
|
4975
|
-
}
|
|
4976
|
-
}
|
|
4977
|
-
]
|
|
4978
|
-
},
|
|
4979
4979
|
{
|
|
4980
4980
|
"kind": "javascript-module",
|
|
4981
4981
|
"path": "components/button/button.component.js",
|
|
@@ -10351,7 +10351,7 @@
|
|
|
10351
10351
|
"kind": "method",
|
|
10352
10352
|
"name": "renderLabel",
|
|
10353
10353
|
"privacy": "protected",
|
|
10354
|
-
"description": "renders the
|
|
10354
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
10355
10355
|
"return": {
|
|
10356
10356
|
"type": {
|
|
10357
10357
|
"text": ""
|
|
@@ -10366,7 +10366,7 @@
|
|
|
10366
10366
|
"kind": "method",
|
|
10367
10367
|
"name": "renderHelperText",
|
|
10368
10368
|
"privacy": "protected",
|
|
10369
|
-
"description": "renders the
|
|
10369
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
10370
10370
|
"return": {
|
|
10371
10371
|
"type": {
|
|
10372
10372
|
"text": ""
|
|
@@ -14120,7 +14120,7 @@
|
|
|
14120
14120
|
"kind": "method",
|
|
14121
14121
|
"name": "renderLabel",
|
|
14122
14122
|
"privacy": "protected",
|
|
14123
|
-
"description": "renders the
|
|
14123
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
14124
14124
|
"return": {
|
|
14125
14125
|
"type": {
|
|
14126
14126
|
"text": ""
|
|
@@ -14135,7 +14135,7 @@
|
|
|
14135
14135
|
"kind": "method",
|
|
14136
14136
|
"name": "renderHelperText",
|
|
14137
14137
|
"privacy": "protected",
|
|
14138
|
-
"description": "renders the
|
|
14138
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
14139
14139
|
"return": {
|
|
14140
14140
|
"type": {
|
|
14141
14141
|
"text": ""
|
|
@@ -16732,7 +16732,7 @@
|
|
|
16732
16732
|
"kind": "method",
|
|
16733
16733
|
"name": "renderLabel",
|
|
16734
16734
|
"privacy": "protected",
|
|
16735
|
-
"description": "renders the
|
|
16735
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
16736
16736
|
"return": {
|
|
16737
16737
|
"type": {
|
|
16738
16738
|
"text": ""
|
|
@@ -16747,7 +16747,7 @@
|
|
|
16747
16747
|
"kind": "method",
|
|
16748
16748
|
"name": "renderHelperText",
|
|
16749
16749
|
"privacy": "protected",
|
|
16750
|
-
"description": "renders the
|
|
16750
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
16751
16751
|
"return": {
|
|
16752
16752
|
"type": {
|
|
16753
16753
|
"text": ""
|
|
@@ -17055,7 +17055,7 @@
|
|
|
17055
17055
|
"kind": "method",
|
|
17056
17056
|
"name": "renderLabel",
|
|
17057
17057
|
"privacy": "protected",
|
|
17058
|
-
"description": "renders the
|
|
17058
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
17059
17059
|
"return": {
|
|
17060
17060
|
"type": {
|
|
17061
17061
|
"text": ""
|
|
@@ -17066,7 +17066,7 @@
|
|
|
17066
17066
|
"kind": "method",
|
|
17067
17067
|
"name": "renderHelperText",
|
|
17068
17068
|
"privacy": "protected",
|
|
17069
|
-
"description": "renders the
|
|
17069
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
17070
17070
|
"return": {
|
|
17071
17071
|
"type": {
|
|
17072
17072
|
"text": ""
|
|
@@ -18652,7 +18652,7 @@
|
|
|
18652
18652
|
"kind": "method",
|
|
18653
18653
|
"name": "renderLabel",
|
|
18654
18654
|
"privacy": "protected",
|
|
18655
|
-
"description": "renders the
|
|
18655
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
18656
18656
|
"return": {
|
|
18657
18657
|
"type": {
|
|
18658
18658
|
"text": ""
|
|
@@ -18667,7 +18667,7 @@
|
|
|
18667
18667
|
"kind": "method",
|
|
18668
18668
|
"name": "renderHelperText",
|
|
18669
18669
|
"privacy": "protected",
|
|
18670
|
-
"description": "renders the
|
|
18670
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
18671
18671
|
"return": {
|
|
18672
18672
|
"type": {
|
|
18673
18673
|
"text": ""
|
|
@@ -30738,7 +30738,7 @@
|
|
|
30738
30738
|
"kind": "method",
|
|
30739
30739
|
"name": "renderLabel",
|
|
30740
30740
|
"privacy": "protected",
|
|
30741
|
-
"description": "renders the
|
|
30741
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
30742
30742
|
"return": {
|
|
30743
30743
|
"type": {
|
|
30744
30744
|
"text": ""
|
|
@@ -30753,7 +30753,7 @@
|
|
|
30753
30753
|
"kind": "method",
|
|
30754
30754
|
"name": "renderHelperText",
|
|
30755
30755
|
"privacy": "protected",
|
|
30756
|
-
"description": "renders the
|
|
30756
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
30757
30757
|
"return": {
|
|
30758
30758
|
"type": {
|
|
30759
30759
|
"text": ""
|
|
@@ -33381,7 +33381,7 @@
|
|
|
33381
33381
|
"kind": "method",
|
|
33382
33382
|
"name": "renderLabel",
|
|
33383
33383
|
"privacy": "protected",
|
|
33384
|
-
"description": "renders the
|
|
33384
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
33385
33385
|
"return": {
|
|
33386
33386
|
"type": {
|
|
33387
33387
|
"text": ""
|
|
@@ -33396,7 +33396,7 @@
|
|
|
33396
33396
|
"kind": "method",
|
|
33397
33397
|
"name": "renderHelperText",
|
|
33398
33398
|
"privacy": "protected",
|
|
33399
|
-
"description": "renders the
|
|
33399
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
33400
33400
|
"return": {
|
|
33401
33401
|
"type": {
|
|
33402
33402
|
"text": ""
|
|
@@ -34099,7 +34099,7 @@
|
|
|
34099
34099
|
"kind": "method",
|
|
34100
34100
|
"name": "renderLabel",
|
|
34101
34101
|
"privacy": "protected",
|
|
34102
|
-
"description": "renders the
|
|
34102
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
34103
34103
|
"return": {
|
|
34104
34104
|
"type": {
|
|
34105
34105
|
"text": ""
|
|
@@ -34114,7 +34114,7 @@
|
|
|
34114
34114
|
"kind": "method",
|
|
34115
34115
|
"name": "renderHelperText",
|
|
34116
34116
|
"privacy": "protected",
|
|
34117
|
-
"description": "renders the
|
|
34117
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
34118
34118
|
"return": {
|
|
34119
34119
|
"type": {
|
|
34120
34120
|
"text": ""
|
|
@@ -34823,7 +34823,7 @@
|
|
|
34823
34823
|
"kind": "method",
|
|
34824
34824
|
"name": "renderLabel",
|
|
34825
34825
|
"privacy": "protected",
|
|
34826
|
-
"description": "renders the
|
|
34826
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
34827
34827
|
"return": {
|
|
34828
34828
|
"type": {
|
|
34829
34829
|
"text": ""
|
|
@@ -34838,7 +34838,7 @@
|
|
|
34838
34838
|
"kind": "method",
|
|
34839
34839
|
"name": "renderHelperText",
|
|
34840
34840
|
"privacy": "protected",
|
|
34841
|
-
"description": "renders the
|
|
34841
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
34842
34842
|
"return": {
|
|
34843
34843
|
"type": {
|
|
34844
34844
|
"text": ""
|
|
@@ -35344,7 +35344,7 @@
|
|
|
35344
35344
|
"kind": "method",
|
|
35345
35345
|
"name": "renderLabel",
|
|
35346
35346
|
"privacy": "protected",
|
|
35347
|
-
"description": "renders the
|
|
35347
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
35348
35348
|
"return": {
|
|
35349
35349
|
"type": {
|
|
35350
35350
|
"text": ""
|
|
@@ -35359,7 +35359,7 @@
|
|
|
35359
35359
|
"kind": "method",
|
|
35360
35360
|
"name": "renderHelperText",
|
|
35361
35361
|
"privacy": "protected",
|
|
35362
|
-
"description": "renders the
|
|
35362
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
35363
35363
|
"return": {
|
|
35364
35364
|
"type": {
|
|
35365
35365
|
"text": ""
|
|
@@ -36488,7 +36488,7 @@
|
|
|
36488
36488
|
"kind": "method",
|
|
36489
36489
|
"name": "renderLabel",
|
|
36490
36490
|
"privacy": "protected",
|
|
36491
|
-
"description": "renders the
|
|
36491
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
36492
36492
|
"return": {
|
|
36493
36493
|
"type": {
|
|
36494
36494
|
"text": ""
|
|
@@ -36503,7 +36503,7 @@
|
|
|
36503
36503
|
"kind": "method",
|
|
36504
36504
|
"name": "renderHelperText",
|
|
36505
36505
|
"privacy": "protected",
|
|
36506
|
-
"description": "renders the
|
|
36506
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
36507
36507
|
"return": {
|
|
36508
36508
|
"type": {
|
|
36509
36509
|
"text": ""
|
|
@@ -37842,7 +37842,7 @@
|
|
|
37842
37842
|
"kind": "method",
|
|
37843
37843
|
"name": "renderLabel",
|
|
37844
37844
|
"privacy": "protected",
|
|
37845
|
-
"description": "renders the
|
|
37845
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
37846
37846
|
"return": {
|
|
37847
37847
|
"type": {
|
|
37848
37848
|
"text": ""
|
|
@@ -37857,7 +37857,7 @@
|
|
|
37857
37857
|
"kind": "method",
|
|
37858
37858
|
"name": "renderHelperText",
|
|
37859
37859
|
"privacy": "protected",
|
|
37860
|
-
"description": "renders the
|
|
37860
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
37861
37861
|
"return": {
|
|
37862
37862
|
"type": {
|
|
37863
37863
|
"text": ""
|
|
@@ -42182,7 +42182,7 @@
|
|
|
42182
42182
|
"kind": "method",
|
|
42183
42183
|
"name": "renderLabel",
|
|
42184
42184
|
"privacy": "protected",
|
|
42185
|
-
"description": "renders the
|
|
42185
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
42186
42186
|
"return": {
|
|
42187
42187
|
"type": {
|
|
42188
42188
|
"text": ""
|
|
@@ -42197,7 +42197,7 @@
|
|
|
42197
42197
|
"kind": "method",
|
|
42198
42198
|
"name": "renderHelperText",
|
|
42199
42199
|
"privacy": "protected",
|
|
42200
|
-
"description": "renders the
|
|
42200
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
42201
42201
|
"return": {
|
|
42202
42202
|
"type": {
|
|
42203
42203
|
"text": ""
|
|
@@ -43103,18 +43103,6 @@
|
|
|
43103
43103
|
"description": "Height of the toggle when it's size is compact",
|
|
43104
43104
|
"name": "--mdc-toggle-height-compact"
|
|
43105
43105
|
},
|
|
43106
|
-
{
|
|
43107
|
-
"description": "Line height of the toggle label",
|
|
43108
|
-
"name": "--mdc-toggle-label-lineheight"
|
|
43109
|
-
},
|
|
43110
|
-
{
|
|
43111
|
-
"description": "Font size of the toggle label",
|
|
43112
|
-
"name": "--mdc-toggle-label-fontsize"
|
|
43113
|
-
},
|
|
43114
|
-
{
|
|
43115
|
-
"description": "Font weight of the toggle label",
|
|
43116
|
-
"name": "--mdc-toggle-label-fontweight"
|
|
43117
|
-
},
|
|
43118
43106
|
{
|
|
43119
43107
|
"description": "Color of the toggle label and help text in disabled state",
|
|
43120
43108
|
"name": "--mdc-toggle-label-color-disabled"
|
|
@@ -43542,7 +43530,7 @@
|
|
|
43542
43530
|
"kind": "method",
|
|
43543
43531
|
"name": "renderLabel",
|
|
43544
43532
|
"privacy": "protected",
|
|
43545
|
-
"description": "renders the
|
|
43533
|
+
"description": "renders the label container that contains the label and labelInfoToggleTip.",
|
|
43546
43534
|
"return": {
|
|
43547
43535
|
"type": {
|
|
43548
43536
|
"text": ""
|
|
@@ -43557,7 +43545,7 @@
|
|
|
43557
43545
|
"kind": "method",
|
|
43558
43546
|
"name": "renderHelperText",
|
|
43559
43547
|
"privacy": "protected",
|
|
43560
|
-
"description": "renders the
|
|
43548
|
+
"description": "renders the help-text container that contains the helpertext icon and helpertext.",
|
|
43561
43549
|
"return": {
|
|
43562
43550
|
"type": {
|
|
43563
43551
|
"text": ""
|
|
@@ -43799,7 +43787,7 @@
|
|
|
43799
43787
|
"module": "/src/components/formfieldwrapper"
|
|
43800
43788
|
},
|
|
43801
43789
|
"tagName": "mdc-toggle",
|
|
43802
|
-
"jsDoc": "/**\n * Toggle Component is an interactive control used to switch between two mutually exclusive options,\n * such as On/Off, Active/Inactive. These are commonly used in settings panels, forms, and preference selections\n * where users need to enable or disable a feature.\n * It contains an optional label and an optional helper text.\n *\n * To create a group of toggles, use the FormFieldGroup component.\n *\n * Note: It internally renders a checkbox styled as a toggle switch.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-statictoggle\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-toggle\n *\n * @event change - (React: onChange) Event that gets dispatched when the toggle state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the toggle receives focus.\n *\n * @cssproperty --mdc-toggle-width - Width of the toggle\n * @cssproperty --mdc-toggle-height - Height of the toggle\n * @cssproperty --mdc-toggle-width-compact - Width of the toggle when it's size is compact\n * @cssproperty --mdc-toggle-height-compact - Height of the toggle when it's size is compact\n * @cssproperty --mdc-toggle-label-
|
|
43790
|
+
"jsDoc": "/**\n * Toggle Component is an interactive control used to switch between two mutually exclusive options,\n * such as On/Off, Active/Inactive. These are commonly used in settings panels, forms, and preference selections\n * where users need to enable or disable a feature.\n * It contains an optional label and an optional helper text.\n *\n * To create a group of toggles, use the FormFieldGroup component.\n *\n * Note: It internally renders a checkbox styled as a toggle switch.\n *\n * @dependency mdc-button\n * @dependency mdc-icon\n * @dependency mdc-statictoggle\n * @dependency mdc-text\n * @dependency mdc-toggletip\n *\n * @tagname mdc-toggle\n *\n * @event change - (React: onChange) Event that gets dispatched when the toggle state changes.\n * @event focus - (React: onFocus) Event that gets dispatched when the toggle receives focus.\n *\n * @cssproperty --mdc-toggle-width - Width of the toggle\n * @cssproperty --mdc-toggle-height - Height of the toggle\n * @cssproperty --mdc-toggle-width-compact - Width of the toggle when it's size is compact\n * @cssproperty --mdc-toggle-height-compact - Height of the toggle when it's size is compact\n * @cssproperty --mdc-toggle-label-color-disabled - Color of the toggle label and help text in disabled state\n * @cssproperty --mdc-toggle-help-text-color - Color of the help text label\n * @cssproperty --mdc-toggle-active-hover-color - Background color of the active toggle in hover state\n * @cssproperty --mdc-toggle-active-pressed-color - Background color of the active toggle in pressed state\n * @cssproperty --mdc-toggle-inactive-hover-color - Background color of the inactive toggle in hover state\n * @cssproperty --mdc-toggle-inactive-pressed-color - Background color of the inactive toggle in pressed state\n */",
|
|
43803
43791
|
"customElement": true,
|
|
43804
43792
|
"slots": [
|
|
43805
43793
|
{
|
package/dist/react/index.d.ts
CHANGED
|
@@ -8,9 +8,9 @@ export { default as Appheader } from './appheader';
|
|
|
8
8
|
export { default as Avatar } from './avatar';
|
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
|
10
10
|
export { default as Badge } from './badge';
|
|
11
|
+
export { default as Brandvisual } from './brandvisual';
|
|
11
12
|
export { default as Banner } from './banner';
|
|
12
13
|
export { default as Bullet } from './bullet';
|
|
13
|
-
export { default as Brandvisual } from './brandvisual';
|
|
14
14
|
export { default as Button } from './button';
|
|
15
15
|
export { default as ButtonGroup } from './buttongroup';
|
|
16
16
|
export { default as ButtonLink } from './buttonlink';
|
package/dist/react/index.js
CHANGED
|
@@ -8,9 +8,9 @@ export { default as Appheader } from './appheader';
|
|
|
8
8
|
export { default as Avatar } from './avatar';
|
|
9
9
|
export { default as AvatarButton } from './avatarbutton';
|
|
10
10
|
export { default as Badge } from './badge';
|
|
11
|
+
export { default as Brandvisual } from './brandvisual';
|
|
11
12
|
export { default as Banner } from './banner';
|
|
12
13
|
export { default as Bullet } from './bullet';
|
|
13
|
-
export { default as Brandvisual } from './brandvisual';
|
|
14
14
|
export { default as Button } from './button';
|
|
15
15
|
export { default as ButtonGroup } from './buttongroup';
|
|
16
16
|
export { default as ButtonLink } from './buttonlink';
|