@momentum-design/components 0.20.0 → 0.20.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.
@@ -4615,6 +4615,567 @@
4615
4615
  }
4616
4616
  ]
4617
4617
  },
4618
+ {
4619
+ "kind": "javascript-module",
4620
+ "path": "components/radio/radio.component.js",
4621
+ "declarations": [
4622
+ {
4623
+ "kind": "class",
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
+ {
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
+ }
5008
+ }
5009
+ ],
5010
+ "events": [
5011
+ {
5012
+ "type": {
5013
+ "text": "EventConstructor"
5014
+ }
5015
+ }
5016
+ ],
5017
+ "attributes": [
5018
+ {
5019
+ "name": "checked",
5020
+ "type": {
5021
+ "text": "boolean"
5022
+ },
5023
+ "default": "false",
5024
+ "description": "Determines whether the radio is selected or unselected.",
5025
+ "fieldName": "checked"
5026
+ },
5027
+ {
5028
+ "name": "readonly",
5029
+ "type": {
5030
+ "text": "boolean"
5031
+ },
5032
+ "default": "false",
5033
+ "description": "Determines whether the radio is read-only.",
5034
+ "fieldName": "readonly"
5035
+ },
5036
+ {
5037
+ "name": "name",
5038
+ "type": {
5039
+ "text": "string"
5040
+ },
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
+ }
5048
+ },
5049
+ {
5050
+ "name": "value",
5051
+ "type": {
5052
+ "text": "string"
5053
+ },
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"
5147
+ }
5148
+ ],
5149
+ "superclass": {
5150
+ "name": "FormfieldWrapper",
5151
+ "module": "/src/components/formfieldwrapper/formfieldwrapper.component"
5152
+ },
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
+ ]
5166
+ }
5167
+ ],
5168
+ "exports": [
5169
+ {
5170
+ "kind": "js",
5171
+ "name": "default",
5172
+ "declaration": {
5173
+ "name": "Radio",
5174
+ "module": "components/radio/radio.component.js"
5175
+ }
5176
+ }
5177
+ ]
5178
+ },
4618
5179
  {
4619
5180
  "kind": "javascript-module",
4620
5181
  "path": "components/text/text.component.js",
package/dist/index.d.ts CHANGED
@@ -14,6 +14,7 @@ import Input from './components/input';
14
14
  import Link from './components/link';
15
15
  import Toggle from './components/toggle';
16
16
  import Checkbox from './components/checkbox';
17
+ import Radio from './components/radio';
17
18
  import type { TextType } from './components/text/text.types';
18
- export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
19
+ export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };
19
20
  export type { TextType, };
package/dist/index.js CHANGED
@@ -14,4 +14,5 @@ import Input from './components/input';
14
14
  import Link from './components/link';
15
15
  import Toggle from './components/toggle';
16
16
  import Checkbox from './components/checkbox';
17
- export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, };
17
+ import Radio from './components/radio';
18
+ export { ThemeProvider, Icon, IconProvider, Avatar, Badge, Presence, Text, Button, Bullet, Marker, Divider, AvatarButton, Input, Link, Toggle, Checkbox, Radio, };
@@ -14,6 +14,7 @@ export { default as Link } from './link';
14
14
  export { default as Marker } from './marker';
15
15
  export { default as Modalcontainer } from './modalcontainer';
16
16
  export { default as Presence } from './presence';
17
+ export { default as Radio } from './radio';
17
18
  export { default as Text } from './text';
18
19
  export { default as ThemeProvider } from './themeprovider';
19
20
  export { default as Toggle } from './toggle';
@@ -14,6 +14,7 @@ export { default as Link } from './link';
14
14
  export { default as Marker } from './marker';
15
15
  export { default as Modalcontainer } from './modalcontainer';
16
16
  export { default as Presence } from './presence';
17
+ export { default as Radio } from './radio';
17
18
  export { default as Text } from './text';
18
19
  export { default as ThemeProvider } from './themeprovider';
19
20
  export { default as Toggle } from './toggle';
@@ -0,0 +1,30 @@
1
+ import Component from '../../components/radio';
2
+ /**
3
+ * Radio allow users to select single options from a list or turn an item/feature on or off.
4
+ * These are often used in forms, settings, and selection in lists.
5
+ *
6
+ * A radio component contains an optional label, optional info icon and an optional helper text.
7
+ * @dependency mdc-formfieldwrapper
8
+ *
9
+ * @tagname mdc-radio
10
+ *
11
+ * @cssproperty --mdc-radio-inner-circle-size - size of the inner circle
12
+ * @cssproperty --mdc-radio-text-disabled-color - color of the label when disabled
13
+ * @cssproperty --mdc-radio-disabled-border-color - color of the radio button border when disabled
14
+ * @cssproperty --mdc-radio-normal-border-color - color of the radio button border when normal
15
+ * @cssproperty --mdc-radio-inner-circle-normal-background - background color of the inner circle when normal
16
+ * @cssproperty --mdc-radio-inner-circle-disabled-background - background color of the inner circle when disabled
17
+ * @cssproperty --mdc-radio-control-inactive-color - color of the radio button when inactive
18
+ * @cssproperty --mdc-radio-control-inactive-hover - color of the radio button when inactive and hovered
19
+ * @cssproperty --mdc-radio-control-inactive-pressed-color - color of the radio button when inactive and pressed
20
+ * @cssproperty --mdc-radio-control-inactive-disabled-background - background color of the radio button when
21
+ * inactive and disabled
22
+ * @cssproperty --mdc-radio-control-active-color - color of the radio button when active
23
+ * @cssproperty --mdc-radio-control-active-hover-color - color of the radio button when active and hovered
24
+ * @cssproperty --mdc-radio-control-active-pressed-color - color of the radio button when active and pressed
25
+ * @cssproperty --mdc-radio-control-active-disabled-background - background color of the radio button
26
+ * when active and disabled
27
+ *
28
+ */
29
+ declare const reactWrapper: import("@lit/react").ReactWebComponent<Component, {}>;
30
+ export default reactWrapper;