@momentum-design/components 0.20.0 → 0.21.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.
@@ -4617,75 +4617,552 @@
4617
4617
  },
4618
4618
  {
4619
4619
  "kind": "javascript-module",
4620
- "path": "components/text/text.component.js",
4620
+ "path": "components/radio/radio.component.js",
4621
4621
  "declarations": [
4622
4622
  {
4623
4623
  "kind": "class",
4624
- "description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
4625
- "name": "Text",
4626
- "cssParts": [
4624
+ "description": "Radio allow users to select single options from a list or turn an item/feature on or off.\nThese are often used in forms, settings, and selection in lists.\n\nA radio component contains an optional label, optional info icon and an optional helper text.",
4625
+ "name": "Radio",
4626
+ "cssProperties": [
4627
4627
  {
4628
- "description": "The text element",
4629
- "name": "text"
4628
+ "description": "size of the inner circle",
4629
+ "name": "--mdc-radio-inner-circle-size"
4630
+ },
4631
+ {
4632
+ "description": "color of the label when disabled",
4633
+ "name": "--mdc-radio-text-disabled-color"
4634
+ },
4635
+ {
4636
+ "description": "color of the radio button border when disabled",
4637
+ "name": "--mdc-radio-disabled-border-color"
4638
+ },
4639
+ {
4640
+ "description": "color of the radio button border when normal",
4641
+ "name": "--mdc-radio-normal-border-color"
4642
+ },
4643
+ {
4644
+ "description": "background color of the inner circle when normal",
4645
+ "name": "--mdc-radio-inner-circle-normal-background"
4646
+ },
4647
+ {
4648
+ "description": "background color of the inner circle when disabled",
4649
+ "name": "--mdc-radio-inner-circle-disabled-background"
4650
+ },
4651
+ {
4652
+ "description": "color of the radio button when inactive",
4653
+ "name": "--mdc-radio-control-inactive-color"
4654
+ },
4655
+ {
4656
+ "description": "color of the radio button when inactive and hovered",
4657
+ "name": "--mdc-radio-control-inactive-hover"
4658
+ },
4659
+ {
4660
+ "description": "color of the radio button when inactive and pressed",
4661
+ "name": "--mdc-radio-control-inactive-pressed-color"
4662
+ },
4663
+ {
4664
+ "description": "background color of the radio button when inactive and disabled",
4665
+ "name": "--mdc-radio-control-inactive-disabled-background"
4666
+ },
4667
+ {
4668
+ "description": "color of the radio button when active",
4669
+ "name": "--mdc-radio-control-active-color"
4670
+ },
4671
+ {
4672
+ "description": "color of the radio button when active and hovered",
4673
+ "name": "--mdc-radio-control-active-hover-color"
4674
+ },
4675
+ {
4676
+ "description": "color of the radio button when active and pressed",
4677
+ "name": "--mdc-radio-control-active-pressed-color"
4678
+ },
4679
+ {
4680
+ "description": "background color of the radio button when active and disabled",
4681
+ "name": "--mdc-radio-control-active-disabled-background"
4682
+ }
4683
+ ],
4684
+ "members": [
4685
+ {
4686
+ "kind": "field",
4687
+ "name": "checked",
4688
+ "type": {
4689
+ "text": "boolean"
4690
+ },
4691
+ "default": "false",
4692
+ "description": "Determines whether the radio is selected or unselected.",
4693
+ "attribute": "checked",
4694
+ "reflects": true
4695
+ },
4696
+ {
4697
+ "kind": "field",
4698
+ "name": "readonly",
4699
+ "type": {
4700
+ "text": "boolean"
4701
+ },
4702
+ "default": "false",
4703
+ "description": "Determines whether the radio is read-only.",
4704
+ "attribute": "readonly",
4705
+ "reflects": true
4706
+ },
4707
+ {
4708
+ "kind": "method",
4709
+ "name": "setFormValue",
4710
+ "privacy": "private",
4711
+ "description": "Updates the form value to reflect the current state of the radio.\nIf checked, the value is set to the user-provided value.\nIf unchecked, the value is set to null."
4712
+ },
4713
+ {
4714
+ "kind": "method",
4715
+ "name": "getAllRadiosWithinSameGroup",
4716
+ "privacy": "private",
4717
+ "return": {
4718
+ "type": {
4719
+ "text": "Radio[]"
4720
+ }
4721
+ },
4722
+ "description": "Returns all radios within the same group (name)."
4723
+ },
4724
+ {
4725
+ "kind": "method",
4726
+ "name": "dispatchChangeEvent",
4727
+ "privacy": "private",
4728
+ "return": {
4729
+ "type": {
4730
+ "text": "void"
4731
+ }
4732
+ },
4733
+ "parameters": [
4734
+ {
4735
+ "name": "event",
4736
+ "type": {
4737
+ "text": "Event"
4738
+ }
4739
+ }
4740
+ ],
4741
+ "description": "The 'change' event does not bubble up through the shadow DOM as it was not composed.\nTherefore, we need to re-dispatch the same event to ensure it is propagated correctly.\nRead more: https://developer.mozilla.org/en-US/docs/Web/API/Event/composed"
4742
+ },
4743
+ {
4744
+ "kind": "method",
4745
+ "name": "handleChange",
4746
+ "privacy": "private",
4747
+ "return": {
4748
+ "type": {
4749
+ "text": "void"
4750
+ }
4751
+ },
4752
+ "parameters": [
4753
+ {
4754
+ "name": "event",
4755
+ "type": {
4756
+ "text": "Event"
4757
+ }
4758
+ }
4759
+ ],
4760
+ "description": "Handles the change event on the radio element.\nThis will toggle the state of the radio element.\nDispatches the change event."
4761
+ },
4762
+ {
4763
+ "kind": "method",
4764
+ "name": "updateRadio",
4765
+ "privacy": "private",
4766
+ "parameters": [
4767
+ {
4768
+ "name": "enabledRadios",
4769
+ "type": {
4770
+ "text": "Radio[]"
4771
+ },
4772
+ "description": "An array of enabled radio buttons within the same group."
4773
+ },
4774
+ {
4775
+ "name": "index",
4776
+ "type": {
4777
+ "text": "number"
4778
+ },
4779
+ "description": "The index of the radio button to be updated within the enabled radios array."
4780
+ },
4781
+ {
4782
+ "name": "event",
4783
+ "type": {
4784
+ "text": "Event"
4785
+ },
4786
+ "description": "The event that triggered the update."
4787
+ }
4788
+ ],
4789
+ "description": "Updates the state of the radio button at the specified index within the enabled radios.\nFocuses the radio button and triggers the change event if the radio button is not read-only."
4790
+ },
4791
+ {
4792
+ "kind": "method",
4793
+ "name": "handleKeyDown",
4794
+ "privacy": "private",
4795
+ "return": {
4796
+ "type": {
4797
+ "text": "void"
4798
+ }
4799
+ },
4800
+ "parameters": [
4801
+ {
4802
+ "name": "event",
4803
+ "type": {
4804
+ "text": "KeyboardEvent"
4805
+ }
4806
+ }
4807
+ ],
4808
+ "description": "Handles the keydown event (Arrow Up/Down/Left/Right) on the radio element."
4809
+ },
4810
+ {
4811
+ "kind": "method",
4812
+ "name": "updateTabIndex",
4813
+ "privacy": "private",
4814
+ "return": {
4815
+ "type": {
4816
+ "text": "void"
4817
+ }
4818
+ },
4819
+ "description": "Update tab index for all radios in the same group (name)\nIf any radio group is checked, it will have a tab index of 0\nIf no radio group is checked, the first enabled radio will have a tab index of 0"
4820
+ },
4821
+ {
4822
+ "kind": "field",
4823
+ "name": "name",
4824
+ "type": {
4825
+ "text": "string"
4826
+ },
4827
+ "default": "''",
4828
+ "description": "Indicates the name of the component group (ex: checkbox, radio group).\nThey are used to group elements in a form together.",
4829
+ "attribute": "name",
4830
+ "reflects": true,
4831
+ "inheritedFrom": {
4832
+ "name": "NameMixin",
4833
+ "module": "utils/mixins/NameMixin.js"
4834
+ }
4835
+ },
4836
+ {
4837
+ "kind": "field",
4838
+ "name": "value",
4839
+ "type": {
4840
+ "text": "string"
4841
+ },
4842
+ "default": "''",
4843
+ "description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
4844
+ "attribute": "value",
4845
+ "reflects": true,
4846
+ "inheritedFrom": {
4847
+ "name": "ValueMixin",
4848
+ "module": "utils/mixins/ValueMixin.js"
4849
+ }
4850
+ },
4851
+ {
4852
+ "kind": "field",
4853
+ "name": "dataAriaLabel",
4854
+ "type": {
4855
+ "text": "string | null"
4856
+ },
4857
+ "default": "null",
4858
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
4859
+ "attribute": "data-aria-label",
4860
+ "reflects": true,
4861
+ "inheritedFrom": {
4862
+ "name": "DataAriaLabelMixin",
4863
+ "module": "utils/mixins/DataAriaLabelMixin.js"
4864
+ }
4865
+ },
4866
+ {
4867
+ "kind": "field",
4868
+ "name": "disabled",
4869
+ "type": {
4870
+ "text": "boolean"
4871
+ },
4872
+ "default": "false",
4873
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
4874
+ "attribute": "disabled",
4875
+ "reflects": true,
4876
+ "inheritedFrom": {
4877
+ "name": "FormfieldWrapper",
4878
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4879
+ }
4880
+ },
4881
+ {
4882
+ "kind": "field",
4883
+ "name": "label",
4884
+ "type": {
4885
+ "text": "string | undefined"
4886
+ },
4887
+ "description": "The label of the input field. It is linked to the input field using the `for` attribute.",
4888
+ "attribute": "label",
4889
+ "reflects": true,
4890
+ "inheritedFrom": {
4891
+ "name": "FormfieldWrapper",
4892
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4893
+ }
4894
+ },
4895
+ {
4896
+ "kind": "field",
4897
+ "name": "id",
4898
+ "default": "`mdc-input-${uuidv4()}`",
4899
+ "description": "The unique id of the input field. It is used to link the input field with the label.",
4900
+ "attribute": "id",
4901
+ "inheritedFrom": {
4902
+ "name": "FormfieldWrapper",
4903
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4904
+ }
4905
+ },
4906
+ {
4907
+ "kind": "field",
4908
+ "name": "helpTextType",
4909
+ "type": {
4910
+ "text": "ValidationType"
4911
+ },
4912
+ "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
4913
+ "attribute": "help-text-type",
4914
+ "reflects": true,
4915
+ "inheritedFrom": {
4916
+ "name": "FormfieldWrapper",
4917
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4918
+ }
4919
+ },
4920
+ {
4921
+ "kind": "field",
4922
+ "name": "helpText",
4923
+ "type": {
4924
+ "text": "string | undefined"
4925
+ },
4926
+ "description": "The help text that is displayed below the input field.",
4927
+ "attribute": "help-text",
4928
+ "reflects": true,
4929
+ "inheritedFrom": {
4930
+ "name": "FormfieldWrapper",
4931
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4932
+ }
4933
+ },
4934
+ {
4935
+ "kind": "method",
4936
+ "name": "renderLabelElement",
4937
+ "privacy": "protected",
4938
+ "description": "creates the label element when the label property is set.\nid is used to link the label with the input field.",
4939
+ "return": {
4940
+ "type": {
4941
+ "text": ""
4942
+ }
4943
+ },
4944
+ "inheritedFrom": {
4945
+ "name": "FormfieldWrapper",
4946
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4947
+ }
4948
+ },
4949
+ {
4950
+ "kind": "method",
4951
+ "name": "renderHelpTextIcon",
4952
+ "privacy": "protected",
4953
+ "description": "creates the helpertext icon based on the helpTextType for validation.\nIf the helpTextType is not set, it defaults to 'default' and it doesn't display any icon.",
4954
+ "return": {
4955
+ "type": {
4956
+ "text": ""
4957
+ }
4958
+ },
4959
+ "inheritedFrom": {
4960
+ "name": "FormfieldWrapper",
4961
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4962
+ }
4963
+ },
4964
+ {
4965
+ "kind": "method",
4966
+ "name": "renderHelpText",
4967
+ "privacy": "protected",
4968
+ "description": "creates the helper text component when the helpertext value is set.\nIt is also used to display the validation message based on the helpTextType.",
4969
+ "return": {
4970
+ "type": {
4971
+ "text": ""
4972
+ }
4973
+ },
4974
+ "inheritedFrom": {
4975
+ "name": "FormfieldWrapper",
4976
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4977
+ }
4978
+ },
4979
+ {
4980
+ "kind": "method",
4981
+ "name": "renderLabel",
4982
+ "privacy": "protected",
4983
+ "description": "renders the mdc-label-text container that contains the label and labelInfoToggleTip.",
4984
+ "return": {
4985
+ "type": {
4986
+ "text": ""
4987
+ }
4988
+ },
4989
+ "inheritedFrom": {
4990
+ "name": "FormfieldWrapper",
4991
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
4992
+ }
4993
+ },
4994
+ {
4995
+ "kind": "method",
4996
+ "name": "renderHelperText",
4997
+ "privacy": "protected",
4998
+ "description": "renders the mdc-help-text container that contains the helpertext icon and helpertext.",
4999
+ "return": {
5000
+ "type": {
5001
+ "text": ""
5002
+ }
5003
+ },
5004
+ "inheritedFrom": {
5005
+ "name": "FormfieldWrapper",
5006
+ "module": "components/formfieldwrapper/formfieldwrapper.component.js"
5007
+ }
4630
5008
  }
4631
5009
  ],
4632
- "slots": [
5010
+ "events": [
4633
5011
  {
4634
- "description": "Default slot for text content",
4635
- "name": ""
5012
+ "type": {
5013
+ "text": "EventConstructor"
5014
+ }
4636
5015
  }
4637
5016
  ],
4638
- "members": [
5017
+ "attributes": [
4639
5018
  {
4640
- "kind": "field",
4641
- "name": "type",
5019
+ "name": "checked",
4642
5020
  "type": {
4643
- "text": "TextType"
5021
+ "text": "boolean"
4644
5022
  },
4645
- "privacy": "public",
4646
- "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
4647
- "default": "body-large-regular",
4648
- "attribute": "type",
4649
- "reflects": true
5023
+ "default": "false",
5024
+ "description": "Determines whether the radio is selected or unselected.",
5025
+ "fieldName": "checked"
4650
5026
  },
4651
5027
  {
4652
- "kind": "field",
4653
- "name": "tagname",
5028
+ "name": "readonly",
4654
5029
  "type": {
4655
- "text": "TagName | undefined"
5030
+ "text": "boolean"
4656
5031
  },
4657
- "privacy": "public",
4658
- "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
4659
- "attribute": "tagname",
4660
- "reflects": true
4661
- }
4662
- ],
4663
- "attributes": [
5032
+ "default": "false",
5033
+ "description": "Determines whether the radio is read-only.",
5034
+ "fieldName": "readonly"
5035
+ },
4664
5036
  {
4665
- "name": "type",
5037
+ "name": "name",
4666
5038
  "type": {
4667
- "text": "TextType"
5039
+ "text": "string"
4668
5040
  },
4669
- "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
4670
- "default": "body-large-regular",
4671
- "fieldName": "type"
5041
+ "default": "''",
5042
+ "description": "Indicates the name of the component group (ex: checkbox, radio group).\nThey are used to group elements in a form together.",
5043
+ "fieldName": "name",
5044
+ "inheritedFrom": {
5045
+ "name": "NameMixin",
5046
+ "module": "src/utils/mixins/NameMixin.ts"
5047
+ }
4672
5048
  },
4673
5049
  {
4674
- "name": "tagname",
5050
+ "name": "value",
4675
5051
  "type": {
4676
- "text": "TagName | undefined"
5052
+ "text": "string"
4677
5053
  },
4678
- "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
4679
- "fieldName": "tagname"
5054
+ "default": "''",
5055
+ "description": "Indicates the value of the component group (ex: input, checkbox, radio, select etc...)",
5056
+ "fieldName": "value",
5057
+ "inheritedFrom": {
5058
+ "name": "ValueMixin",
5059
+ "module": "src/utils/mixins/ValueMixin.ts"
5060
+ }
5061
+ },
5062
+ {
5063
+ "name": "data-aria-label",
5064
+ "type": {
5065
+ "text": "string | null"
5066
+ },
5067
+ "default": "null",
5068
+ "description": "Defines a string value that labels the current element.\nThe Aria-Label attribute to be set for accessibility.",
5069
+ "fieldName": "dataAriaLabel",
5070
+ "inheritedFrom": {
5071
+ "name": "DataAriaLabelMixin",
5072
+ "module": "src/utils/mixins/DataAriaLabelMixin.ts"
5073
+ }
5074
+ },
5075
+ {
5076
+ "name": "disabled",
5077
+ "type": {
5078
+ "text": "boolean"
5079
+ },
5080
+ "default": "false",
5081
+ "description": "Indicates whether the component is disabled.\nWhen the component is disabled for user interaction; it is not focusable or clickable.",
5082
+ "fieldName": "disabled",
5083
+ "inheritedFrom": {
5084
+ "name": "FormfieldWrapper",
5085
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5086
+ }
5087
+ },
5088
+ {
5089
+ "name": "label",
5090
+ "type": {
5091
+ "text": "string | undefined"
5092
+ },
5093
+ "description": "The label of the input field. It is linked to the input field using the `for` attribute.",
5094
+ "fieldName": "label",
5095
+ "inheritedFrom": {
5096
+ "name": "FormfieldWrapper",
5097
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5098
+ }
5099
+ },
5100
+ {
5101
+ "name": "id",
5102
+ "default": "`mdc-input-${uuidv4()}`",
5103
+ "description": "The unique id of the input field. It is used to link the input field with the label.",
5104
+ "fieldName": "id",
5105
+ "inheritedFrom": {
5106
+ "name": "FormfieldWrapper",
5107
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5108
+ }
5109
+ },
5110
+ {
5111
+ "name": "help-text-type",
5112
+ "type": {
5113
+ "text": "ValidationType"
5114
+ },
5115
+ "description": "The type of help text. It can be 'default', 'error', 'warning', 'success', 'priority'.",
5116
+ "fieldName": "helpTextType",
5117
+ "inheritedFrom": {
5118
+ "name": "FormfieldWrapper",
5119
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5120
+ }
5121
+ },
5122
+ {
5123
+ "name": "help-text",
5124
+ "type": {
5125
+ "text": "string | undefined"
5126
+ },
5127
+ "description": "The help text that is displayed below the input field.",
5128
+ "fieldName": "helpText",
5129
+ "inheritedFrom": {
5130
+ "name": "FormfieldWrapper",
5131
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5132
+ }
5133
+ }
5134
+ ],
5135
+ "mixins": [
5136
+ {
5137
+ "name": "NameMixin",
5138
+ "module": "/src/utils/mixins/NameMixin"
5139
+ },
5140
+ {
5141
+ "name": "ValueMixin",
5142
+ "module": "/src/utils/mixins/ValueMixin"
5143
+ },
5144
+ {
5145
+ "name": "DataAriaLabelMixin",
5146
+ "module": "/src/utils/mixins/DataAriaLabelMixin"
4680
5147
  }
4681
5148
  ],
4682
5149
  "superclass": {
4683
- "name": "Component",
4684
- "module": "/src/models"
5150
+ "name": "FormfieldWrapper",
5151
+ "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
4685
5152
  },
4686
- "tagName": "mdc-text",
4687
- "jsDoc": "/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */",
4688
- "customElement": true
5153
+ "tagName": "mdc-radio",
5154
+ "jsDoc": "/**\n * Radio allow users to select single options from a list or turn an item/feature on or off.\n * These are often used in forms, settings, and selection in lists.\n *\n * A radio component contains an optional label, optional info icon and an optional helper text.\n * @dependency mdc-formfieldwrapper\n *\n * @tagname mdc-radio\n *\n * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle\n * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled\n * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled\n * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal\n * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal\n * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled\n * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive\n * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered\n * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed\n * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when\n * inactive and disabled\n * @cssproperty --mdc-radio-control-active-color - color of the radio button when active\n * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered\n * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed\n * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button\n * when active and disabled\n *\n */",
5155
+ "customElement": true,
5156
+ "slots": [
5157
+ {
5158
+ "description": "slot to add the label info icon",
5159
+ "name": "label-info",
5160
+ "inheritedFrom": {
5161
+ "name": "FormfieldWrapper",
5162
+ "module": "src/components/formfieldwrapper/formfieldwrapper.component.ts"
5163
+ }
5164
+ }
5165
+ ]
4689
5166
  }
4690
5167
  ],
4691
5168
  "exports": [
@@ -4693,8 +5170,8 @@
4693
5170
  "kind": "js",
4694
5171
  "name": "default",
4695
5172
  "declaration": {
4696
- "name": "Text",
4697
- "module": "components/text/text.component.js"
5173
+ "name": "Radio",
5174
+ "module": "components/radio/radio.component.js"
4698
5175
  }
4699
5176
  }
4700
5177
  ]
@@ -5303,6 +5780,90 @@
5303
5780
  }
5304
5781
  ]
5305
5782
  },
5783
+ {
5784
+ "kind": "javascript-module",
5785
+ "path": "components/text/text.component.js",
5786
+ "declarations": [
5787
+ {
5788
+ "kind": "class",
5789
+ "description": "Text component for creating styled text elements.\nIt has to be mounted within the ThemeProvider to access color and font tokens.\n\nThe `type` attribute allows changing the text style.\nThe `tagname` attribute allows changing the tag name of the text element.\nThe default tag name is `p`.\n\nThe `tagname` attribute should be a valid HTML tag name.\nIf the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n\nThe styling is applied based on the `type` attribute.",
5790
+ "name": "Text",
5791
+ "cssParts": [
5792
+ {
5793
+ "description": "The text element",
5794
+ "name": "text"
5795
+ }
5796
+ ],
5797
+ "slots": [
5798
+ {
5799
+ "description": "Default slot for text content",
5800
+ "name": ""
5801
+ }
5802
+ ],
5803
+ "members": [
5804
+ {
5805
+ "kind": "field",
5806
+ "name": "type",
5807
+ "type": {
5808
+ "text": "TextType"
5809
+ },
5810
+ "privacy": "public",
5811
+ "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
5812
+ "default": "body-large-regular",
5813
+ "attribute": "type",
5814
+ "reflects": true
5815
+ },
5816
+ {
5817
+ "kind": "field",
5818
+ "name": "tagname",
5819
+ "type": {
5820
+ "text": "TagName | undefined"
5821
+ },
5822
+ "privacy": "public",
5823
+ "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
5824
+ "attribute": "tagname",
5825
+ "reflects": true
5826
+ }
5827
+ ],
5828
+ "attributes": [
5829
+ {
5830
+ "name": "type",
5831
+ "type": {
5832
+ "text": "TextType"
5833
+ },
5834
+ "description": "Specifies the text style to be applied.\n\nAcceptable values include:\n\n- 'body-small-regular'\n- 'body-small-medium'\n- 'body-small-bold'\n- 'body-midsize-regular'\n- 'body-midsize-medium'\n- 'body-midsize-bold'\n- 'body-large-regular'\n- 'body-large-medium'\n- 'body-large-bold'\n- 'body-small-regular-underline'\n- 'body-small-medium-underline'\n- 'body-midsize-regular-underline'\n- 'body-midsize-medium-underline'\n- 'body-large-regular-underline'\n- 'body-large-medium-underline'\n- 'heading-small-regular'\n- 'heading-small-medium'\n- 'heading-small-bold'\n- 'heading-midsize-regular'\n- 'heading-midsize-medium'\n- 'heading-midsize-bold'\n- 'heading-large-regular'\n- 'heading-large-medium'\n- 'heading-large-bold'\n- 'heading-xlarge-regular'\n- 'heading-xlarge-medium'\n- 'heading-xlarge-bold'\n- 'headline-small-light'\n- 'headline-small-regular'",
5835
+ "default": "body-large-regular",
5836
+ "fieldName": "type"
5837
+ },
5838
+ {
5839
+ "name": "tagname",
5840
+ "type": {
5841
+ "text": "TagName | undefined"
5842
+ },
5843
+ "description": "Specifies the HTML tag name for the text element. The default tag name is `p`.\nThis attribute is optional. When set, it changes the tag name of the text element.\n\nAcceptable values include:\n\n- 'h1'\n- 'h2'\n- 'h3'\n- 'h4'\n- 'h5'\n- 'h6'\n- 'p'\n- 'small'\n- 'span'\n- 'div'\n\nFor instance, setting this attribute to `h2` will render the text element as an `h2` element.\nNote that the styling is determined by the `type` attribute.",
5844
+ "fieldName": "tagname"
5845
+ }
5846
+ ],
5847
+ "superclass": {
5848
+ "name": "Component",
5849
+ "module": "/src/models"
5850
+ },
5851
+ "tagName": "mdc-text",
5852
+ "jsDoc": "/**\n * Text component for creating styled text elements.\n * It has to be mounted within the ThemeProvider to access color and font tokens.\n *\n * The `type` attribute allows changing the text style.\n * The `tagname` attribute allows changing the tag name of the text element.\n * The default tag name is `p`.\n *\n * The `tagname` attribute should be a valid HTML tag name.\n * If the `tagname` attribute is not a valid HTML tag name, the default tag name will be used.\n *\n * The styling is applied based on the `type` attribute.\n *\n * @tagname mdc-text\n * @slot - Default slot for text content\n *\n * @csspart text - The text element\n */",
5853
+ "customElement": true
5854
+ }
5855
+ ],
5856
+ "exports": [
5857
+ {
5858
+ "kind": "js",
5859
+ "name": "default",
5860
+ "declaration": {
5861
+ "name": "Text",
5862
+ "module": "components/text/text.component.js"
5863
+ }
5864
+ }
5865
+ ]
5866
+ },
5306
5867
  {
5307
5868
  "kind": "javascript-module",
5308
5869
  "path": "utils/mixins/AvatarComponentMixin.js",