@zohodesk/components 1.0.0-temp-176 → 1.0.0-temp-178
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/.cli/PropLessFiles.html +1 -1
- package/.cli/PropValidationExcludeFilesArray.js +1 -1
- package/.cli/propValidation_report.html +1 -1
- package/README.md +1357 -1345
- package/css_error.log +1 -1
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +9 -9
- package/es/Avatar/Avatar.module.css +175 -175
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/es/AvatarTeam/AvatarTeam.js +7 -7
- package/es/AvatarTeam/AvatarTeam.module.css +189 -189
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
- package/es/Button/Button.js +4 -4
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
- package/es/Button/css/Button.module.css +525 -525
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +105 -105
- package/es/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/CheckBox/CheckBox.js +0 -0
- package/es/CheckBox/CheckBox.module.css +157 -157
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +2 -29
- package/es/DateTime/DateTime.module.css +248 -248
- package/es/DateTime/DateWidget.js +2 -6
- package/es/DateTime/DateWidget.module.css +38 -38
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/YearView.module.css +98 -98
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/dateFormatUtils/dateFormat.js +8 -1
- package/es/DateTime/dateFormatUtils/index.js +2 -4
- package/es/DateTime/index.js +0 -0
- package/es/DateTime/objectUtils.js +0 -0
- package/es/DateTime/typeChecker.js +0 -0
- package/es/DateTime/validator.js +0 -0
- package/es/DropBox/DropBox.js +0 -0
- package/es/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- package/es/DropBox/css/DropBox.module.css +58 -58
- package/es/DropDown/DropDown.js +0 -0
- package/es/DropDown/DropDown.module.css +5 -5
- package/es/DropDown/DropDownHeading.js +0 -0
- package/es/DropDown/DropDownHeading.module.css +53 -53
- package/es/DropDown/DropDownItem.js +0 -0
- package/es/DropDown/DropDownItem.module.css +94 -94
- package/es/DropDown/DropDownSearch.js +0 -0
- package/es/DropDown/DropDownSearch.module.css +14 -14
- package/es/DropDown/DropDownSeparator.js +0 -0
- package/es/DropDown/DropDownSeparator.module.css +7 -7
- package/es/Heading/Heading.module.css +4 -4
- package/es/Label/Label.js +2 -2
- package/es/Label/Label.module.css +52 -52
- package/es/Label/LabelColors.module.css +20 -20
- package/es/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +335 -335
- package/es/Layout/utils.js +0 -0
- package/es/ListItem/ListItem.js +0 -0
- package/es/ListItem/ListItem.module.css +216 -216
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
- package/es/MultiSelect/MultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.module.css +204 -204
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +0 -0
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +112 -112
- package/es/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +454 -454
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/es/RippleEffect/RippleEffect.module.css +92 -92
- package/es/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +0 -0
- package/es/Select/Select.module.css +108 -108
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +0 -0
- package/es/Stencils/Stencils.js +0 -0
- package/es/Stencils/Stencils.module.css +96 -96
- package/es/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
- package/es/Switch/Switch.js +0 -0
- package/es/Switch/Switch.module.css +127 -127
- package/es/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- package/es/Tab/Tab.module.css +100 -100
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/Tabs.js +17 -17
- package/es/Tab/Tabs.module.css +136 -136
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +254 -254
- package/es/TextBox/TextBox.js +0 -0
- package/es/TextBox/TextBox.module.css +158 -158
- package/es/TextBox/props/defaultProps.js +0 -1
- package/es/TextBoxIcon/TextBoxIcon.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.module.css +79 -79
- package/es/Textarea/Textarea.js +0 -0
- package/es/Textarea/Textarea.module.css +139 -139
- package/es/Tooltip/Tooltip.module.css +140 -140
- package/es/common/a11y.module.css +3 -3
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +48 -48
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- package/es/common/boxShadow.module.css +33 -33
- package/es/common/common.module.css +524 -524
- package/es/common/customscroll.module.css +91 -91
- package/es/common/reset.module.css +13 -13
- package/es/common/transition.module.css +146 -146
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/es/v1/Avatar/Avatar.js +5 -5
- package/es/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/es/v1/Button/Button.js +4 -4
- package/es/v1/Card/Card.js +4 -4
- package/es/v1/CheckBox/CheckBox.js +0 -0
- package/es/v1/DateTime/DateTime.js +2 -29
- package/es/v1/DateTime/DateWidget.js +2 -6
- package/es/v1/DateTime/YearView.js +0 -0
- package/es/v1/DateTime/index.js +0 -0
- package/es/v1/DropBox/DropBox.js +0 -0
- package/es/v1/DropDown/DropDown.js +0 -0
- package/es/v1/DropDown/DropDownHeading.js +0 -0
- package/es/v1/DropDown/DropDownItem.js +0 -0
- package/es/v1/DropDown/DropDownSearch.js +0 -0
- package/es/v1/DropDown/DropDownSeparator.js +0 -0
- package/es/v1/Layout/Box.js +0 -0
- package/es/v1/Layout/Container.js +0 -0
- package/es/v1/ListItem/ListItem.js +0 -0
- package/es/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/es/v1/MultiSelect/MultiSelect.js +5 -5
- package/es/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/v1/Radio/Radio.js +0 -0
- package/es/v1/Responsive/CustomResponsive.js +0 -0
- package/es/v1/Select/GroupSelect.js +0 -0
- package/es/v1/Select/Select.js +0 -0
- package/es/v1/Select/SelectWithAvatar.js +0 -0
- package/es/v1/Select/SelectWithIcon.js +0 -0
- package/es/v1/Switch/Switch.js +0 -0
- package/es/v1/Tab/Tabs.js +17 -17
- package/es/v1/Tag/Tag.js +8 -8
- package/es/v1/TextBox/TextBox.js +0 -0
- package/es/v1/Typography/css/Typography.module.css +409 -409
- package/install.md +10 -10
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/Avatar/Avatar.js +9 -9
- package/lib/Avatar/Avatar.module.css +175 -175
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +591 -591
- package/lib/AvatarTeam/AvatarTeam.js +7 -7
- package/lib/AvatarTeam/AvatarTeam.module.css +189 -189
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +704 -704
- package/lib/Button/Button.js +4 -4
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +440 -440
- package/lib/Button/css/Button.module.css +525 -525
- package/lib/Buttongroup/Buttongroup.js +1 -1
- package/lib/Buttongroup/Buttongroup.module.css +105 -105
- package/lib/Buttongroup/__tests__/__snapshots__/Buttongroup.spec.js.snap +191 -191
- package/lib/Card/Card.js +4 -4
- package/lib/Card/Card.module.css +20 -20
- package/lib/CheckBox/CheckBox.js +0 -0
- package/lib/CheckBox/CheckBox.module.css +157 -157
- package/lib/DateTime/CalendarView.js +0 -0
- package/lib/DateTime/DateTime.js +3 -30
- package/lib/DateTime/DateTime.module.css +248 -248
- package/lib/DateTime/DateWidget.js +1 -6
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/YearView.js +0 -0
- package/lib/DateTime/YearView.module.css +98 -98
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/dateFormatUtils/dateFormat.js +10 -1
- package/lib/DateTime/dateFormatUtils/index.js +2 -6
- package/lib/DateTime/index.js +0 -0
- package/lib/DateTime/objectUtils.js +0 -0
- package/lib/DateTime/typeChecker.js +0 -0
- package/lib/DateTime/validator.js +0 -0
- package/lib/DropBox/DropBox.js +0 -0
- package/lib/DropBox/DropBoxElement/css/DropBoxElement.module.css +434 -434
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropBox/css/DropBox.module.css +58 -58
- package/lib/DropDown/DropDown.js +0 -0
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +0 -0
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +0 -0
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +0 -0
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +0 -0
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/Heading/Heading.module.css +4 -4
- package/lib/Label/Label.js +0 -0
- package/lib/Label/Label.module.css +52 -52
- package/lib/Label/LabelColors.module.css +20 -20
- package/lib/Label/__tests__/__snapshots__/Label.spec.js.snap +312 -312
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/Layout.module.css +335 -335
- package/lib/Layout/utils.js +0 -0
- package/lib/ListItem/ListItem.js +0 -0
- package/lib/ListItem/ListItem.module.css +216 -216
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/lib/MultiSelect/MobileHeader/MobileHeader.module.css +16 -16
- package/lib/MultiSelect/MultiSelect.js +5 -5
- package/lib/MultiSelect/MultiSelect.module.css +204 -204
- package/lib/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/Popup/Popup.js +0 -0
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Radio/Radio.js +0 -0
- package/lib/Radio/Radio.module.css +112 -112
- package/lib/Radio/__tests__/__snapshots__/Radio.spec.js.snap +1837 -1837
- package/lib/Responsive/CustomResponsive.js +0 -0
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +0 -0
- package/lib/Ribbon/Ribbon.module.css +454 -454
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +374 -374
- package/lib/RippleEffect/RippleEffect.module.css +92 -92
- package/lib/RippleEffect/__tests__/__snapshots__/RippleEffect.spec.js.snap +171 -171
- package/lib/Select/GroupSelect.js +0 -0
- package/lib/Select/Select.js +0 -0
- package/lib/Select/Select.module.css +108 -108
- package/lib/Select/SelectWithAvatar.js +0 -0
- package/lib/Select/SelectWithIcon.js +0 -0
- package/lib/Stencils/Stencils.js +0 -0
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +89 -89
- package/lib/Switch/Switch.js +0 -0
- package/lib/Switch/Switch.module.css +127 -127
- package/lib/Switch/__tests__/__snapshots__/Switch.spec.js.snap +831 -831
- package/lib/Tab/Tab.module.css +100 -100
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/Tabs.js +11 -11
- package/lib/Tab/Tabs.module.css +136 -136
- package/lib/Tag/Tag.js +8 -8
- package/lib/Tag/Tag.module.css +254 -254
- package/lib/TextBox/TextBox.js +0 -0
- package/lib/TextBox/TextBox.module.css +158 -158
- package/lib/TextBox/props/defaultProps.js +0 -1
- package/lib/TextBoxIcon/TextBoxIcon.js +0 -0
- package/lib/TextBoxIcon/TextBoxIcon.module.css +79 -79
- package/lib/Textarea/Textarea.js +0 -0
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Tooltip/Tooltip.module.css +140 -140
- package/lib/common/a11y.module.css +3 -3
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +48 -48
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- package/lib/common/boxShadow.module.css +33 -33
- package/lib/common/common.module.css +524 -524
- package/lib/common/customscroll.module.css +91 -91
- package/lib/common/reset.module.css +13 -13
- package/lib/common/transition.module.css +146 -146
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +0 -0
- package/lib/utils/dropDownUtils.js +0 -0
- package/lib/v1/Avatar/Avatar.js +5 -5
- package/lib/v1/AvatarTeam/AvatarTeam.js +4 -4
- package/lib/v1/Button/Button.js +4 -4
- package/lib/v1/Card/Card.js +4 -4
- package/lib/v1/CheckBox/CheckBox.js +0 -0
- package/lib/v1/DateTime/DateTime.js +3 -30
- package/lib/v1/DateTime/DateWidget.js +1 -6
- package/lib/v1/DateTime/YearView.js +0 -0
- package/lib/v1/DateTime/index.js +0 -0
- package/lib/v1/DropBox/DropBox.js +0 -0
- package/lib/v1/DropDown/DropDown.js +0 -0
- package/lib/v1/DropDown/DropDownHeading.js +0 -0
- package/lib/v1/DropDown/DropDownItem.js +0 -0
- package/lib/v1/DropDown/DropDownSearch.js +0 -0
- package/lib/v1/DropDown/DropDownSeparator.js +0 -0
- package/lib/v1/Layout/Box.js +0 -0
- package/lib/v1/Layout/Container.js +0 -0
- package/lib/v1/ListItem/ListItem.js +0 -0
- package/lib/v1/MultiSelect/AdvancedGroupMultiSelect.js +5 -5
- package/lib/v1/MultiSelect/MultiSelect.js +5 -5
- package/lib/v1/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/lib/v1/Radio/Radio.js +0 -0
- package/lib/v1/Responsive/CustomResponsive.js +0 -0
- package/lib/v1/Select/GroupSelect.js +0 -0
- package/lib/v1/Select/Select.js +0 -0
- package/lib/v1/Select/SelectWithAvatar.js +0 -0
- package/lib/v1/Select/SelectWithIcon.js +0 -0
- package/lib/v1/Switch/Switch.js +0 -0
- package/lib/v1/Tab/Tabs.js +11 -11
- package/lib/v1/Tag/Tag.js +8 -8
- package/lib/v1/TextBox/TextBox.js +0 -0
- package/lib/v1/Typography/css/Typography.module.css +409 -409
- package/package.json +93 -93
- package/postPublish.js +8 -8
- package/prePublish.js +70 -70
- package/react-cli.config.js +23 -23
- package/result.json +1 -1
- package/coverage/Avatar/Avatar.js.html +0 -649
- package/coverage/Avatar/Avatar.module.css.html +0 -556
- package/coverage/Avatar/index.html +0 -131
- package/coverage/Avatar/props/defaultProps.js.html +0 -136
- package/coverage/Avatar/props/index.html +0 -131
- package/coverage/Avatar/props/propTypes.js.html +0 -166
- package/coverage/AvatarTeam/AvatarTeam.js.html +0 -340
- package/coverage/AvatarTeam/AvatarTeam.module.css.html +0 -610
- package/coverage/AvatarTeam/index.html +0 -131
- package/coverage/AvatarTeam/props/defaultProps.js.html +0 -136
- package/coverage/AvatarTeam/props/index.html +0 -131
- package/coverage/AvatarTeam/props/propTypes.js.html +0 -169
- package/coverage/Button/Button.js.html +0 -313
- package/coverage/Button/css/Button.module.css.html +0 -1441
- package/coverage/Button/css/cssJSLogic.js.html +0 -214
- package/coverage/Button/css/index.html +0 -131
- package/coverage/Button/index.html +0 -116
- package/coverage/Button/props/defaultProps.js.html +0 -142
- package/coverage/Button/props/index.html +0 -131
- package/coverage/Button/props/propTypes.js.html +0 -208
- package/coverage/Buttongroup/Buttongroup.js.html +0 -220
- package/coverage/Buttongroup/Buttongroup.module.css.html +0 -298
- package/coverage/Buttongroup/index.html +0 -131
- package/coverage/Buttongroup/props/defaultProps.js.html +0 -103
- package/coverage/Buttongroup/props/index.html +0 -131
- package/coverage/Buttongroup/props/propTypes.js.html +0 -115
- package/coverage/Label/Label.js.html +0 -253
- package/coverage/Label/Label.module.css.html +0 -241
- package/coverage/Label/LabelColors.module.css.html +0 -145
- package/coverage/Label/index.html +0 -146
- package/coverage/Label/props/defaultProps.js.html +0 -118
- package/coverage/Label/props/index.html +0 -131
- package/coverage/Label/props/propTypes.js.html +0 -145
- package/coverage/Layout/Box.js.html +0 -367
- package/coverage/Layout/Container.js.html +0 -439
- package/coverage/Layout/Layout.module.css.html +0 -1090
- package/coverage/Layout/index.html +0 -176
- package/coverage/Layout/index.js.html +0 -118
- package/coverage/Layout/props/defaultProps.js.html +0 -136
- package/coverage/Layout/props/index.html +0 -131
- package/coverage/Layout/props/propTypes.js.html +0 -262
- package/coverage/Layout/utils.js.html +0 -199
- package/coverage/Provider/AvatarSize.js.html +0 -124
- package/coverage/Provider/CssProvider.js.html +0 -133
- package/coverage/Provider/index.html +0 -131
- package/coverage/Radio/Radio.js.html +0 -415
- package/coverage/Radio/Radio.module.css.html +0 -403
- package/coverage/Radio/index.html +0 -131
- package/coverage/Radio/props/defaultProps.js.html +0 -127
- package/coverage/Radio/props/index.html +0 -131
- package/coverage/Radio/props/propTypes.js.html +0 -187
- package/coverage/Ribbon/Ribbon.js.html +0 -229
- package/coverage/Ribbon/Ribbon.module.css.html +0 -1210
- package/coverage/Ribbon/index.html +0 -131
- package/coverage/Ribbon/props/defaultProps.js.html +0 -112
- package/coverage/Ribbon/props/index.html +0 -131
- package/coverage/Ribbon/props/propTypes.js.html +0 -121
- package/coverage/RippleEffect/RippleEffect.js.html +0 -172
- package/coverage/RippleEffect/RippleEffect.module.css.html +0 -415
- package/coverage/RippleEffect/index.html +0 -131
- package/coverage/RippleEffect/props/defaultProps.js.html +0 -112
- package/coverage/RippleEffect/props/index.html +0 -131
- package/coverage/RippleEffect/props/propTypes.js.html +0 -121
- package/coverage/Stencils/Stencils.js.html +0 -163
- package/coverage/Stencils/Stencils.module.css.html +0 -319
- package/coverage/Stencils/index.html +0 -131
- package/coverage/Stencils/props/defaultProps.js.html +0 -103
- package/coverage/Stencils/props/index.html +0 -131
- package/coverage/Stencils/props/propTypes.js.html +0 -109
- package/coverage/Switch/Switch.js.html +0 -379
- package/coverage/Switch/Switch.module.css.html +0 -481
- package/coverage/Switch/index.html +0 -131
- package/coverage/Switch/props/defaultProps.js.html +0 -118
- package/coverage/Switch/props/index.html +0 -131
- package/coverage/Switch/props/propTypes.js.html +0 -172
- package/coverage/base.css +0 -224
- package/coverage/block-navigation.js +0 -87
- package/coverage/common/avatarsizes.module.css.html +0 -229
- package/coverage/common/common.module.css.html +0 -1519
- package/coverage/common/index.html +0 -131
- package/coverage/coverage-final.json +0 -56
- package/coverage/coverage-summary.json +0 -57
- package/coverage/favicon.png +0 -0
- package/coverage/index.html +0 -491
- package/coverage/prettify.css +0 -1
- package/coverage/prettify.js +0 -2
- package/coverage/sort-arrow-sprite.png +0 -0
- package/coverage/sorter.js +0 -196
- package/coverage/utils/dummyFunction.js.html +0 -88
- package/coverage/utils/getInitial.js.html +0 -139
- package/coverage/utils/index.html +0 -131
- package/unittest/index.html +0 -37
|
@@ -1,1837 +1,1837 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`Radio eleRef prop is a function 1`] = `
|
|
4
|
-
<DocumentFragment>
|
|
5
|
-
<div
|
|
6
|
-
aria-checked="false"
|
|
7
|
-
aria-readonly="false"
|
|
8
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
9
|
-
data-id="RadioComp"
|
|
10
|
-
data-selector-id="container"
|
|
11
|
-
data-test-id="RadioComp"
|
|
12
|
-
role="radio"
|
|
13
|
-
tabindex="0"
|
|
14
|
-
>
|
|
15
|
-
<div
|
|
16
|
-
class="radio
|
|
17
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
18
|
-
data-id="boxComponent"
|
|
19
|
-
data-selector-id="box"
|
|
20
|
-
data-test-id="boxComponent"
|
|
21
|
-
>
|
|
22
|
-
<input
|
|
23
|
-
type="hidden"
|
|
24
|
-
value=""
|
|
25
|
-
/>
|
|
26
|
-
<label
|
|
27
|
-
class="radioLabel pointer"
|
|
28
|
-
>
|
|
29
|
-
<svg
|
|
30
|
-
viewBox="0 0 40 40"
|
|
31
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
-
>
|
|
33
|
-
<circle
|
|
34
|
-
class="rdBox"
|
|
35
|
-
cx="20"
|
|
36
|
-
cy="20"
|
|
37
|
-
r="19"
|
|
38
|
-
/>
|
|
39
|
-
</svg>
|
|
40
|
-
</label>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</DocumentFragment>
|
|
44
|
-
`;
|
|
45
|
-
|
|
46
|
-
exports[`Radio rendering ally ariaChecked true 1`] = `
|
|
47
|
-
<DocumentFragment>
|
|
48
|
-
<div
|
|
49
|
-
aria-checked="true"
|
|
50
|
-
aria-readonly="false"
|
|
51
|
-
class="container pointer hoverEfffect checked inflex rowdir both"
|
|
52
|
-
data-id="RadioComp"
|
|
53
|
-
data-selector-id="container"
|
|
54
|
-
data-test-id="RadioComp"
|
|
55
|
-
role="radio"
|
|
56
|
-
tabindex="0"
|
|
57
|
-
>
|
|
58
|
-
<div
|
|
59
|
-
class="radio rdBoxprimary
|
|
60
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
61
|
-
data-id="boxComponent"
|
|
62
|
-
data-selector-id="box"
|
|
63
|
-
data-test-id="boxComponent"
|
|
64
|
-
>
|
|
65
|
-
<input
|
|
66
|
-
type="hidden"
|
|
67
|
-
value=""
|
|
68
|
-
/>
|
|
69
|
-
<label
|
|
70
|
-
class="radioLabel pointer"
|
|
71
|
-
>
|
|
72
|
-
<svg
|
|
73
|
-
viewBox="0 0 40 40"
|
|
74
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
75
|
-
>
|
|
76
|
-
<circle
|
|
77
|
-
class="rdBox"
|
|
78
|
-
cx="20"
|
|
79
|
-
cy="20"
|
|
80
|
-
r="19"
|
|
81
|
-
/>
|
|
82
|
-
<circle
|
|
83
|
-
class="centerPath"
|
|
84
|
-
cx="20"
|
|
85
|
-
cy="20"
|
|
86
|
-
r="11.03"
|
|
87
|
-
/>
|
|
88
|
-
</svg>
|
|
89
|
-
</label>
|
|
90
|
-
</div>
|
|
91
|
-
</div>
|
|
92
|
-
</DocumentFragment>
|
|
93
|
-
`;
|
|
94
|
-
|
|
95
|
-
exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true 1`] = `
|
|
96
|
-
<DocumentFragment>
|
|
97
|
-
<div
|
|
98
|
-
aria-checked="true"
|
|
99
|
-
aria-hidden="true"
|
|
100
|
-
aria-readonly="true"
|
|
101
|
-
class="container readonly checked inflex rowdir both"
|
|
102
|
-
data-id="RadioComp"
|
|
103
|
-
data-selector-id="container"
|
|
104
|
-
data-test-id="RadioComp"
|
|
105
|
-
role="radio"
|
|
106
|
-
tabindex="-1"
|
|
107
|
-
>
|
|
108
|
-
<div
|
|
109
|
-
class="radio rdBoxprimary
|
|
110
|
-
medium filled centerPathprimary shrinkOff"
|
|
111
|
-
data-id="boxComponent"
|
|
112
|
-
data-selector-id="box"
|
|
113
|
-
data-test-id="boxComponent"
|
|
114
|
-
>
|
|
115
|
-
<input
|
|
116
|
-
type="hidden"
|
|
117
|
-
value=""
|
|
118
|
-
/>
|
|
119
|
-
<label
|
|
120
|
-
class="radioLabel readonly"
|
|
121
|
-
>
|
|
122
|
-
<svg
|
|
123
|
-
viewBox="0 0 40 40"
|
|
124
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
125
|
-
>
|
|
126
|
-
<circle
|
|
127
|
-
class="rdBox"
|
|
128
|
-
cx="20"
|
|
129
|
-
cy="20"
|
|
130
|
-
r="19"
|
|
131
|
-
/>
|
|
132
|
-
<circle
|
|
133
|
-
class="centerPath"
|
|
134
|
-
cx="20"
|
|
135
|
-
cy="20"
|
|
136
|
-
r="11.03"
|
|
137
|
-
/>
|
|
138
|
-
</svg>
|
|
139
|
-
</label>
|
|
140
|
-
</div>
|
|
141
|
-
</div>
|
|
142
|
-
</DocumentFragment>
|
|
143
|
-
`;
|
|
144
|
-
|
|
145
|
-
exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`] = `
|
|
146
|
-
<DocumentFragment>
|
|
147
|
-
<div
|
|
148
|
-
aria-checked="false"
|
|
149
|
-
aria-hidden="false"
|
|
150
|
-
aria-readonly="false"
|
|
151
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
152
|
-
data-id="RadioComp"
|
|
153
|
-
data-selector-id="container"
|
|
154
|
-
data-test-id="RadioComp"
|
|
155
|
-
role="radio"
|
|
156
|
-
tabindex="0"
|
|
157
|
-
>
|
|
158
|
-
<div
|
|
159
|
-
class="radio
|
|
160
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
161
|
-
data-id="boxComponent"
|
|
162
|
-
data-selector-id="box"
|
|
163
|
-
data-test-id="boxComponent"
|
|
164
|
-
>
|
|
165
|
-
<input
|
|
166
|
-
type="hidden"
|
|
167
|
-
value=""
|
|
168
|
-
/>
|
|
169
|
-
<label
|
|
170
|
-
class="radioLabel pointer"
|
|
171
|
-
>
|
|
172
|
-
<svg
|
|
173
|
-
viewBox="0 0 40 40"
|
|
174
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
175
|
-
>
|
|
176
|
-
<circle
|
|
177
|
-
class="rdBox"
|
|
178
|
-
cx="20"
|
|
179
|
-
cy="20"
|
|
180
|
-
r="19"
|
|
181
|
-
/>
|
|
182
|
-
</svg>
|
|
183
|
-
</label>
|
|
184
|
-
</div>
|
|
185
|
-
</div>
|
|
186
|
-
</DocumentFragment>
|
|
187
|
-
`;
|
|
188
|
-
|
|
189
|
-
exports[`Radio rendering labelPalette - danger 1`] = `
|
|
190
|
-
<DocumentFragment>
|
|
191
|
-
<div
|
|
192
|
-
aria-checked="false"
|
|
193
|
-
aria-readonly="false"
|
|
194
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
195
|
-
data-id="RadioComp"
|
|
196
|
-
data-selector-id="container"
|
|
197
|
-
data-test-id="RadioComp"
|
|
198
|
-
role="radio"
|
|
199
|
-
tabindex="0"
|
|
200
|
-
>
|
|
201
|
-
<div
|
|
202
|
-
class="radio
|
|
203
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
204
|
-
data-id="boxComponent"
|
|
205
|
-
data-selector-id="box"
|
|
206
|
-
data-test-id="boxComponent"
|
|
207
|
-
>
|
|
208
|
-
<input
|
|
209
|
-
type="hidden"
|
|
210
|
-
value=""
|
|
211
|
-
/>
|
|
212
|
-
<label
|
|
213
|
-
class="radioLabel pointer"
|
|
214
|
-
>
|
|
215
|
-
<svg
|
|
216
|
-
viewBox="0 0 40 40"
|
|
217
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
218
|
-
>
|
|
219
|
-
<circle
|
|
220
|
-
class="rdBox"
|
|
221
|
-
cx="20"
|
|
222
|
-
cy="20"
|
|
223
|
-
r="19"
|
|
224
|
-
/>
|
|
225
|
-
</svg>
|
|
226
|
-
</label>
|
|
227
|
-
</div>
|
|
228
|
-
<div
|
|
229
|
-
class="text grow basis shrinkOff"
|
|
230
|
-
data-id="boxComponent"
|
|
231
|
-
data-selector-id="box"
|
|
232
|
-
data-test-id="boxComponent"
|
|
233
|
-
>
|
|
234
|
-
<label
|
|
235
|
-
class="label title medium danger font_default
|
|
236
|
-
dotted cursor
|
|
237
|
-
primaryLabel pointer "
|
|
238
|
-
data-id="RadioText_label"
|
|
239
|
-
data-selector-id="label"
|
|
240
|
-
data-test-id="RadioText_label"
|
|
241
|
-
data-title="RadioText"
|
|
242
|
-
>
|
|
243
|
-
RadioText
|
|
244
|
-
</label>
|
|
245
|
-
</div>
|
|
246
|
-
</div>
|
|
247
|
-
</DocumentFragment>
|
|
248
|
-
`;
|
|
249
|
-
|
|
250
|
-
exports[`Radio rendering labelPalette - default 1`] = `
|
|
251
|
-
<DocumentFragment>
|
|
252
|
-
<div
|
|
253
|
-
aria-checked="false"
|
|
254
|
-
aria-readonly="false"
|
|
255
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
256
|
-
data-id="RadioComp"
|
|
257
|
-
data-selector-id="container"
|
|
258
|
-
data-test-id="RadioComp"
|
|
259
|
-
role="radio"
|
|
260
|
-
tabindex="0"
|
|
261
|
-
>
|
|
262
|
-
<div
|
|
263
|
-
class="radio
|
|
264
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
265
|
-
data-id="boxComponent"
|
|
266
|
-
data-selector-id="box"
|
|
267
|
-
data-test-id="boxComponent"
|
|
268
|
-
>
|
|
269
|
-
<input
|
|
270
|
-
type="hidden"
|
|
271
|
-
value=""
|
|
272
|
-
/>
|
|
273
|
-
<label
|
|
274
|
-
class="radioLabel pointer"
|
|
275
|
-
>
|
|
276
|
-
<svg
|
|
277
|
-
viewBox="0 0 40 40"
|
|
278
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
279
|
-
>
|
|
280
|
-
<circle
|
|
281
|
-
class="rdBox"
|
|
282
|
-
cx="20"
|
|
283
|
-
cy="20"
|
|
284
|
-
r="19"
|
|
285
|
-
/>
|
|
286
|
-
</svg>
|
|
287
|
-
</label>
|
|
288
|
-
</div>
|
|
289
|
-
<div
|
|
290
|
-
class="text grow basis shrinkOff"
|
|
291
|
-
data-id="boxComponent"
|
|
292
|
-
data-selector-id="box"
|
|
293
|
-
data-test-id="boxComponent"
|
|
294
|
-
>
|
|
295
|
-
<label
|
|
296
|
-
class="label title medium default font_default
|
|
297
|
-
dotted cursor
|
|
298
|
-
primaryLabel pointer "
|
|
299
|
-
data-id="RadioText_label"
|
|
300
|
-
data-selector-id="label"
|
|
301
|
-
data-test-id="RadioText_label"
|
|
302
|
-
data-title="RadioText"
|
|
303
|
-
>
|
|
304
|
-
RadioText
|
|
305
|
-
</label>
|
|
306
|
-
</div>
|
|
307
|
-
</div>
|
|
308
|
-
</DocumentFragment>
|
|
309
|
-
`;
|
|
310
|
-
|
|
311
|
-
exports[`Radio rendering labelPalette - mandatory 1`] = `
|
|
312
|
-
<DocumentFragment>
|
|
313
|
-
<div
|
|
314
|
-
aria-checked="false"
|
|
315
|
-
aria-readonly="false"
|
|
316
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
317
|
-
data-id="RadioComp"
|
|
318
|
-
data-selector-id="container"
|
|
319
|
-
data-test-id="RadioComp"
|
|
320
|
-
role="radio"
|
|
321
|
-
tabindex="0"
|
|
322
|
-
>
|
|
323
|
-
<div
|
|
324
|
-
class="radio
|
|
325
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
326
|
-
data-id="boxComponent"
|
|
327
|
-
data-selector-id="box"
|
|
328
|
-
data-test-id="boxComponent"
|
|
329
|
-
>
|
|
330
|
-
<input
|
|
331
|
-
type="hidden"
|
|
332
|
-
value=""
|
|
333
|
-
/>
|
|
334
|
-
<label
|
|
335
|
-
class="radioLabel pointer"
|
|
336
|
-
>
|
|
337
|
-
<svg
|
|
338
|
-
viewBox="0 0 40 40"
|
|
339
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
340
|
-
>
|
|
341
|
-
<circle
|
|
342
|
-
class="rdBox"
|
|
343
|
-
cx="20"
|
|
344
|
-
cy="20"
|
|
345
|
-
r="19"
|
|
346
|
-
/>
|
|
347
|
-
</svg>
|
|
348
|
-
</label>
|
|
349
|
-
</div>
|
|
350
|
-
<div
|
|
351
|
-
class="text grow basis shrinkOff"
|
|
352
|
-
data-id="boxComponent"
|
|
353
|
-
data-selector-id="box"
|
|
354
|
-
data-test-id="boxComponent"
|
|
355
|
-
>
|
|
356
|
-
<label
|
|
357
|
-
class="label title medium mandatory font_default
|
|
358
|
-
dotted cursor
|
|
359
|
-
primaryLabel pointer "
|
|
360
|
-
data-id="RadioText_label"
|
|
361
|
-
data-selector-id="label"
|
|
362
|
-
data-test-id="RadioText_label"
|
|
363
|
-
data-title="RadioText"
|
|
364
|
-
>
|
|
365
|
-
RadioText
|
|
366
|
-
</label>
|
|
367
|
-
</div>
|
|
368
|
-
</div>
|
|
369
|
-
</DocumentFragment>
|
|
370
|
-
`;
|
|
371
|
-
|
|
372
|
-
exports[`Radio rendering labelPalette - primary 1`] = `
|
|
373
|
-
<DocumentFragment>
|
|
374
|
-
<div
|
|
375
|
-
aria-checked="false"
|
|
376
|
-
aria-readonly="false"
|
|
377
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
378
|
-
data-id="RadioComp"
|
|
379
|
-
data-selector-id="container"
|
|
380
|
-
data-test-id="RadioComp"
|
|
381
|
-
role="radio"
|
|
382
|
-
tabindex="0"
|
|
383
|
-
>
|
|
384
|
-
<div
|
|
385
|
-
class="radio
|
|
386
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
387
|
-
data-id="boxComponent"
|
|
388
|
-
data-selector-id="box"
|
|
389
|
-
data-test-id="boxComponent"
|
|
390
|
-
>
|
|
391
|
-
<input
|
|
392
|
-
type="hidden"
|
|
393
|
-
value=""
|
|
394
|
-
/>
|
|
395
|
-
<label
|
|
396
|
-
class="radioLabel pointer"
|
|
397
|
-
>
|
|
398
|
-
<svg
|
|
399
|
-
viewBox="0 0 40 40"
|
|
400
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
401
|
-
>
|
|
402
|
-
<circle
|
|
403
|
-
class="rdBox"
|
|
404
|
-
cx="20"
|
|
405
|
-
cy="20"
|
|
406
|
-
r="19"
|
|
407
|
-
/>
|
|
408
|
-
</svg>
|
|
409
|
-
</label>
|
|
410
|
-
</div>
|
|
411
|
-
<div
|
|
412
|
-
class="text grow basis shrinkOff"
|
|
413
|
-
data-id="boxComponent"
|
|
414
|
-
data-selector-id="box"
|
|
415
|
-
data-test-id="boxComponent"
|
|
416
|
-
>
|
|
417
|
-
<label
|
|
418
|
-
class="label title medium primary font_default
|
|
419
|
-
dotted cursor
|
|
420
|
-
primaryLabel pointer "
|
|
421
|
-
data-id="RadioText_label"
|
|
422
|
-
data-selector-id="label"
|
|
423
|
-
data-test-id="RadioText_label"
|
|
424
|
-
data-title="RadioText"
|
|
425
|
-
>
|
|
426
|
-
RadioText
|
|
427
|
-
</label>
|
|
428
|
-
</div>
|
|
429
|
-
</div>
|
|
430
|
-
</DocumentFragment>
|
|
431
|
-
`;
|
|
432
|
-
|
|
433
|
-
exports[`Radio rendering labelSize - default 1`] = `
|
|
434
|
-
<DocumentFragment>
|
|
435
|
-
<div
|
|
436
|
-
aria-checked="false"
|
|
437
|
-
aria-readonly="false"
|
|
438
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
439
|
-
data-id="RadioComp"
|
|
440
|
-
data-selector-id="container"
|
|
441
|
-
data-test-id="RadioComp"
|
|
442
|
-
role="radio"
|
|
443
|
-
tabindex="0"
|
|
444
|
-
>
|
|
445
|
-
<div
|
|
446
|
-
class="radio
|
|
447
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
448
|
-
data-id="boxComponent"
|
|
449
|
-
data-selector-id="box"
|
|
450
|
-
data-test-id="boxComponent"
|
|
451
|
-
>
|
|
452
|
-
<input
|
|
453
|
-
type="hidden"
|
|
454
|
-
value=""
|
|
455
|
-
/>
|
|
456
|
-
<label
|
|
457
|
-
class="radioLabel pointer"
|
|
458
|
-
>
|
|
459
|
-
<svg
|
|
460
|
-
viewBox="0 0 40 40"
|
|
461
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
462
|
-
>
|
|
463
|
-
<circle
|
|
464
|
-
class="rdBox"
|
|
465
|
-
cx="20"
|
|
466
|
-
cy="20"
|
|
467
|
-
r="19"
|
|
468
|
-
/>
|
|
469
|
-
</svg>
|
|
470
|
-
</label>
|
|
471
|
-
</div>
|
|
472
|
-
<div
|
|
473
|
-
class="text grow basis shrinkOff"
|
|
474
|
-
data-id="boxComponent"
|
|
475
|
-
data-selector-id="box"
|
|
476
|
-
data-test-id="boxComponent"
|
|
477
|
-
>
|
|
478
|
-
<label
|
|
479
|
-
class="label title medium default font_default
|
|
480
|
-
dotted cursor
|
|
481
|
-
primaryLabel pointer "
|
|
482
|
-
data-id="RadioText_label"
|
|
483
|
-
data-selector-id="label"
|
|
484
|
-
data-test-id="RadioText_label"
|
|
485
|
-
data-title="RadioText"
|
|
486
|
-
>
|
|
487
|
-
RadioText
|
|
488
|
-
</label>
|
|
489
|
-
</div>
|
|
490
|
-
</div>
|
|
491
|
-
</DocumentFragment>
|
|
492
|
-
`;
|
|
493
|
-
|
|
494
|
-
exports[`Radio rendering labelSize - large 1`] = `
|
|
495
|
-
<DocumentFragment>
|
|
496
|
-
<div
|
|
497
|
-
aria-checked="false"
|
|
498
|
-
aria-readonly="false"
|
|
499
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
500
|
-
data-id="RadioComp"
|
|
501
|
-
data-selector-id="container"
|
|
502
|
-
data-test-id="RadioComp"
|
|
503
|
-
role="radio"
|
|
504
|
-
tabindex="0"
|
|
505
|
-
>
|
|
506
|
-
<div
|
|
507
|
-
class="radio
|
|
508
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
509
|
-
data-id="boxComponent"
|
|
510
|
-
data-selector-id="box"
|
|
511
|
-
data-test-id="boxComponent"
|
|
512
|
-
>
|
|
513
|
-
<input
|
|
514
|
-
type="hidden"
|
|
515
|
-
value=""
|
|
516
|
-
/>
|
|
517
|
-
<label
|
|
518
|
-
class="radioLabel pointer"
|
|
519
|
-
>
|
|
520
|
-
<svg
|
|
521
|
-
viewBox="0 0 40 40"
|
|
522
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
523
|
-
>
|
|
524
|
-
<circle
|
|
525
|
-
class="rdBox"
|
|
526
|
-
cx="20"
|
|
527
|
-
cy="20"
|
|
528
|
-
r="19"
|
|
529
|
-
/>
|
|
530
|
-
</svg>
|
|
531
|
-
</label>
|
|
532
|
-
</div>
|
|
533
|
-
<div
|
|
534
|
-
class="text grow basis shrinkOff"
|
|
535
|
-
data-id="boxComponent"
|
|
536
|
-
data-selector-id="box"
|
|
537
|
-
data-test-id="boxComponent"
|
|
538
|
-
>
|
|
539
|
-
<label
|
|
540
|
-
class="label title large default font_default
|
|
541
|
-
dotted cursor
|
|
542
|
-
primaryLabel pointer "
|
|
543
|
-
data-id="RadioText_label"
|
|
544
|
-
data-selector-id="label"
|
|
545
|
-
data-test-id="RadioText_label"
|
|
546
|
-
data-title="RadioText"
|
|
547
|
-
>
|
|
548
|
-
RadioText
|
|
549
|
-
</label>
|
|
550
|
-
</div>
|
|
551
|
-
</div>
|
|
552
|
-
</DocumentFragment>
|
|
553
|
-
`;
|
|
554
|
-
|
|
555
|
-
exports[`Radio rendering labelSize - medium 1`] = `
|
|
556
|
-
<DocumentFragment>
|
|
557
|
-
<div
|
|
558
|
-
aria-checked="false"
|
|
559
|
-
aria-readonly="false"
|
|
560
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
561
|
-
data-id="RadioComp"
|
|
562
|
-
data-selector-id="container"
|
|
563
|
-
data-test-id="RadioComp"
|
|
564
|
-
role="radio"
|
|
565
|
-
tabindex="0"
|
|
566
|
-
>
|
|
567
|
-
<div
|
|
568
|
-
class="radio
|
|
569
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
570
|
-
data-id="boxComponent"
|
|
571
|
-
data-selector-id="box"
|
|
572
|
-
data-test-id="boxComponent"
|
|
573
|
-
>
|
|
574
|
-
<input
|
|
575
|
-
type="hidden"
|
|
576
|
-
value=""
|
|
577
|
-
/>
|
|
578
|
-
<label
|
|
579
|
-
class="radioLabel pointer"
|
|
580
|
-
>
|
|
581
|
-
<svg
|
|
582
|
-
viewBox="0 0 40 40"
|
|
583
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
584
|
-
>
|
|
585
|
-
<circle
|
|
586
|
-
class="rdBox"
|
|
587
|
-
cx="20"
|
|
588
|
-
cy="20"
|
|
589
|
-
r="19"
|
|
590
|
-
/>
|
|
591
|
-
</svg>
|
|
592
|
-
</label>
|
|
593
|
-
</div>
|
|
594
|
-
<div
|
|
595
|
-
class="text grow basis shrinkOff"
|
|
596
|
-
data-id="boxComponent"
|
|
597
|
-
data-selector-id="box"
|
|
598
|
-
data-test-id="boxComponent"
|
|
599
|
-
>
|
|
600
|
-
<label
|
|
601
|
-
class="label title medium default font_default
|
|
602
|
-
dotted cursor
|
|
603
|
-
primaryLabel pointer "
|
|
604
|
-
data-id="RadioText_label"
|
|
605
|
-
data-selector-id="label"
|
|
606
|
-
data-test-id="RadioText_label"
|
|
607
|
-
data-title="RadioText"
|
|
608
|
-
>
|
|
609
|
-
RadioText
|
|
610
|
-
</label>
|
|
611
|
-
</div>
|
|
612
|
-
</div>
|
|
613
|
-
</DocumentFragment>
|
|
614
|
-
`;
|
|
615
|
-
|
|
616
|
-
exports[`Radio rendering labelSize - primary 1`] = `
|
|
617
|
-
<DocumentFragment>
|
|
618
|
-
<div
|
|
619
|
-
aria-checked="false"
|
|
620
|
-
aria-readonly="false"
|
|
621
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
622
|
-
data-id="RadioComp"
|
|
623
|
-
data-selector-id="container"
|
|
624
|
-
data-test-id="RadioComp"
|
|
625
|
-
role="radio"
|
|
626
|
-
tabindex="0"
|
|
627
|
-
>
|
|
628
|
-
<div
|
|
629
|
-
class="radio
|
|
630
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
631
|
-
data-id="boxComponent"
|
|
632
|
-
data-selector-id="box"
|
|
633
|
-
data-test-id="boxComponent"
|
|
634
|
-
>
|
|
635
|
-
<input
|
|
636
|
-
type="hidden"
|
|
637
|
-
value=""
|
|
638
|
-
/>
|
|
639
|
-
<label
|
|
640
|
-
class="radioLabel pointer"
|
|
641
|
-
>
|
|
642
|
-
<svg
|
|
643
|
-
viewBox="0 0 40 40"
|
|
644
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
645
|
-
>
|
|
646
|
-
<circle
|
|
647
|
-
class="rdBox"
|
|
648
|
-
cx="20"
|
|
649
|
-
cy="20"
|
|
650
|
-
r="19"
|
|
651
|
-
/>
|
|
652
|
-
</svg>
|
|
653
|
-
</label>
|
|
654
|
-
</div>
|
|
655
|
-
<div
|
|
656
|
-
class="text grow basis shrinkOff"
|
|
657
|
-
data-id="boxComponent"
|
|
658
|
-
data-selector-id="box"
|
|
659
|
-
data-test-id="boxComponent"
|
|
660
|
-
>
|
|
661
|
-
<label
|
|
662
|
-
class="label title medium default font_primary
|
|
663
|
-
dotted cursor
|
|
664
|
-
primaryLabel pointer "
|
|
665
|
-
data-id="RadioText_label"
|
|
666
|
-
data-selector-id="label"
|
|
667
|
-
data-test-id="RadioText_label"
|
|
668
|
-
data-title="RadioText"
|
|
669
|
-
>
|
|
670
|
-
RadioText
|
|
671
|
-
</label>
|
|
672
|
-
</div>
|
|
673
|
-
</div>
|
|
674
|
-
</DocumentFragment>
|
|
675
|
-
`;
|
|
676
|
-
|
|
677
|
-
exports[`Radio rendering labelSize - small 1`] = `
|
|
678
|
-
<DocumentFragment>
|
|
679
|
-
<div
|
|
680
|
-
aria-checked="false"
|
|
681
|
-
aria-readonly="false"
|
|
682
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
683
|
-
data-id="RadioComp"
|
|
684
|
-
data-selector-id="container"
|
|
685
|
-
data-test-id="RadioComp"
|
|
686
|
-
role="radio"
|
|
687
|
-
tabindex="0"
|
|
688
|
-
>
|
|
689
|
-
<div
|
|
690
|
-
class="radio
|
|
691
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
692
|
-
data-id="boxComponent"
|
|
693
|
-
data-selector-id="box"
|
|
694
|
-
data-test-id="boxComponent"
|
|
695
|
-
>
|
|
696
|
-
<input
|
|
697
|
-
type="hidden"
|
|
698
|
-
value=""
|
|
699
|
-
/>
|
|
700
|
-
<label
|
|
701
|
-
class="radioLabel pointer"
|
|
702
|
-
>
|
|
703
|
-
<svg
|
|
704
|
-
viewBox="0 0 40 40"
|
|
705
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
706
|
-
>
|
|
707
|
-
<circle
|
|
708
|
-
class="rdBox"
|
|
709
|
-
cx="20"
|
|
710
|
-
cy="20"
|
|
711
|
-
r="19"
|
|
712
|
-
/>
|
|
713
|
-
</svg>
|
|
714
|
-
</label>
|
|
715
|
-
</div>
|
|
716
|
-
<div
|
|
717
|
-
class="text grow basis shrinkOff"
|
|
718
|
-
data-id="boxComponent"
|
|
719
|
-
data-selector-id="box"
|
|
720
|
-
data-test-id="boxComponent"
|
|
721
|
-
>
|
|
722
|
-
<label
|
|
723
|
-
class="label title small default font_default
|
|
724
|
-
dotted cursor
|
|
725
|
-
primaryLabel pointer "
|
|
726
|
-
data-id="RadioText_label"
|
|
727
|
-
data-selector-id="label"
|
|
728
|
-
data-test-id="RadioText_label"
|
|
729
|
-
data-title="RadioText"
|
|
730
|
-
>
|
|
731
|
-
RadioText
|
|
732
|
-
</label>
|
|
733
|
-
</div>
|
|
734
|
-
</div>
|
|
735
|
-
</DocumentFragment>
|
|
736
|
-
`;
|
|
737
|
-
|
|
738
|
-
exports[`Radio rendering palette - danger 1`] = `
|
|
739
|
-
<DocumentFragment>
|
|
740
|
-
<div
|
|
741
|
-
aria-checked="false"
|
|
742
|
-
aria-readonly="false"
|
|
743
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
744
|
-
data-id="RadioComp"
|
|
745
|
-
data-selector-id="container"
|
|
746
|
-
data-test-id="RadioComp"
|
|
747
|
-
role="radio"
|
|
748
|
-
tabindex="0"
|
|
749
|
-
>
|
|
750
|
-
<div
|
|
751
|
-
class="radio
|
|
752
|
-
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
753
|
-
data-id="boxComponent"
|
|
754
|
-
data-selector-id="box"
|
|
755
|
-
data-test-id="boxComponent"
|
|
756
|
-
>
|
|
757
|
-
<input
|
|
758
|
-
type="hidden"
|
|
759
|
-
value=""
|
|
760
|
-
/>
|
|
761
|
-
<label
|
|
762
|
-
class="radioLabel pointer"
|
|
763
|
-
>
|
|
764
|
-
<svg
|
|
765
|
-
viewBox="0 0 40 40"
|
|
766
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
767
|
-
>
|
|
768
|
-
<circle
|
|
769
|
-
class="rdBox"
|
|
770
|
-
cx="20"
|
|
771
|
-
cy="20"
|
|
772
|
-
r="19"
|
|
773
|
-
/>
|
|
774
|
-
</svg>
|
|
775
|
-
</label>
|
|
776
|
-
</div>
|
|
777
|
-
</div>
|
|
778
|
-
</DocumentFragment>
|
|
779
|
-
`;
|
|
780
|
-
|
|
781
|
-
exports[`Radio rendering palette - primary 1`] = `
|
|
782
|
-
<DocumentFragment>
|
|
783
|
-
<div
|
|
784
|
-
aria-checked="false"
|
|
785
|
-
aria-readonly="false"
|
|
786
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
787
|
-
data-id="RadioComp"
|
|
788
|
-
data-selector-id="container"
|
|
789
|
-
data-test-id="RadioComp"
|
|
790
|
-
role="radio"
|
|
791
|
-
tabindex="0"
|
|
792
|
-
>
|
|
793
|
-
<div
|
|
794
|
-
class="radio
|
|
795
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
796
|
-
data-id="boxComponent"
|
|
797
|
-
data-selector-id="box"
|
|
798
|
-
data-test-id="boxComponent"
|
|
799
|
-
>
|
|
800
|
-
<input
|
|
801
|
-
type="hidden"
|
|
802
|
-
value=""
|
|
803
|
-
/>
|
|
804
|
-
<label
|
|
805
|
-
class="radioLabel pointer"
|
|
806
|
-
>
|
|
807
|
-
<svg
|
|
808
|
-
viewBox="0 0 40 40"
|
|
809
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
810
|
-
>
|
|
811
|
-
<circle
|
|
812
|
-
class="rdBox"
|
|
813
|
-
cx="20"
|
|
814
|
-
cy="20"
|
|
815
|
-
r="19"
|
|
816
|
-
/>
|
|
817
|
-
</svg>
|
|
818
|
-
</label>
|
|
819
|
-
</div>
|
|
820
|
-
</div>
|
|
821
|
-
</DocumentFragment>
|
|
822
|
-
`;
|
|
823
|
-
|
|
824
|
-
exports[`Radio rendering size - medium 1`] = `
|
|
825
|
-
<DocumentFragment>
|
|
826
|
-
<div
|
|
827
|
-
aria-checked="false"
|
|
828
|
-
aria-readonly="false"
|
|
829
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
830
|
-
data-id="RadioComp"
|
|
831
|
-
data-selector-id="container"
|
|
832
|
-
data-test-id="RadioComp"
|
|
833
|
-
role="radio"
|
|
834
|
-
tabindex="0"
|
|
835
|
-
>
|
|
836
|
-
<div
|
|
837
|
-
class="radio
|
|
838
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
839
|
-
data-id="boxComponent"
|
|
840
|
-
data-selector-id="box"
|
|
841
|
-
data-test-id="boxComponent"
|
|
842
|
-
>
|
|
843
|
-
<input
|
|
844
|
-
type="hidden"
|
|
845
|
-
value=""
|
|
846
|
-
/>
|
|
847
|
-
<label
|
|
848
|
-
class="radioLabel pointer"
|
|
849
|
-
>
|
|
850
|
-
<svg
|
|
851
|
-
viewBox="0 0 40 40"
|
|
852
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
853
|
-
>
|
|
854
|
-
<circle
|
|
855
|
-
class="rdBox"
|
|
856
|
-
cx="20"
|
|
857
|
-
cy="20"
|
|
858
|
-
r="19"
|
|
859
|
-
/>
|
|
860
|
-
</svg>
|
|
861
|
-
</label>
|
|
862
|
-
</div>
|
|
863
|
-
</div>
|
|
864
|
-
</DocumentFragment>
|
|
865
|
-
`;
|
|
866
|
-
|
|
867
|
-
exports[`Radio rendering size - small 1`] = `
|
|
868
|
-
<DocumentFragment>
|
|
869
|
-
<div
|
|
870
|
-
aria-checked="false"
|
|
871
|
-
aria-readonly="false"
|
|
872
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
873
|
-
data-id="RadioComp"
|
|
874
|
-
data-selector-id="container"
|
|
875
|
-
data-test-id="RadioComp"
|
|
876
|
-
role="radio"
|
|
877
|
-
tabindex="0"
|
|
878
|
-
>
|
|
879
|
-
<div
|
|
880
|
-
class="radio
|
|
881
|
-
hoverprimary small filled centerPathprimary shrinkOff"
|
|
882
|
-
data-id="boxComponent"
|
|
883
|
-
data-selector-id="box"
|
|
884
|
-
data-test-id="boxComponent"
|
|
885
|
-
>
|
|
886
|
-
<input
|
|
887
|
-
type="hidden"
|
|
888
|
-
value=""
|
|
889
|
-
/>
|
|
890
|
-
<label
|
|
891
|
-
class="radioLabel pointer"
|
|
892
|
-
>
|
|
893
|
-
<svg
|
|
894
|
-
viewBox="0 0 40 40"
|
|
895
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
896
|
-
>
|
|
897
|
-
<circle
|
|
898
|
-
class="rdBox"
|
|
899
|
-
cx="20"
|
|
900
|
-
cy="20"
|
|
901
|
-
r="19"
|
|
902
|
-
/>
|
|
903
|
-
</svg>
|
|
904
|
-
</label>
|
|
905
|
-
</div>
|
|
906
|
-
</div>
|
|
907
|
-
</DocumentFragment>
|
|
908
|
-
`;
|
|
909
|
-
|
|
910
|
-
exports[`Radio rendering the Checked is true 1`] = `
|
|
911
|
-
<DocumentFragment>
|
|
912
|
-
<div
|
|
913
|
-
aria-checked="false"
|
|
914
|
-
aria-readonly="false"
|
|
915
|
-
class="container active pointer hoverEfffect flex rowdir both"
|
|
916
|
-
data-id="RadioComp"
|
|
917
|
-
data-selector-id="container"
|
|
918
|
-
data-test-id="RadioComp"
|
|
919
|
-
role="radio"
|
|
920
|
-
tabindex="0"
|
|
921
|
-
>
|
|
922
|
-
<div
|
|
923
|
-
class="radio
|
|
924
|
-
undefined medium filled undefined shrinkOff"
|
|
925
|
-
data-id="boxComponent"
|
|
926
|
-
data-selector-id="box"
|
|
927
|
-
data-test-id="boxComponent"
|
|
928
|
-
>
|
|
929
|
-
<input
|
|
930
|
-
type="hidden"
|
|
931
|
-
value=""
|
|
932
|
-
/>
|
|
933
|
-
<label
|
|
934
|
-
class="radioLabel pointer"
|
|
935
|
-
>
|
|
936
|
-
<svg
|
|
937
|
-
viewBox="0 0 40 40"
|
|
938
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
939
|
-
>
|
|
940
|
-
<circle
|
|
941
|
-
class="rdBox"
|
|
942
|
-
cx="20"
|
|
943
|
-
cy="20"
|
|
944
|
-
r="19"
|
|
945
|
-
/>
|
|
946
|
-
</svg>
|
|
947
|
-
</label>
|
|
948
|
-
</div>
|
|
949
|
-
<div
|
|
950
|
-
class="text grow basis shrinkOff"
|
|
951
|
-
data-id="boxComponent"
|
|
952
|
-
data-selector-id="box"
|
|
953
|
-
data-test-id="boxComponent"
|
|
954
|
-
>
|
|
955
|
-
<label
|
|
956
|
-
class="label title medium default font_default
|
|
957
|
-
dotted cursor
|
|
958
|
-
undefined pointer "
|
|
959
|
-
data-id="RadioText_label"
|
|
960
|
-
data-selector-id="label"
|
|
961
|
-
data-test-id="RadioText_label"
|
|
962
|
-
data-title="RadioText"
|
|
963
|
-
>
|
|
964
|
-
RadioText
|
|
965
|
-
</label>
|
|
966
|
-
</div>
|
|
967
|
-
</div>
|
|
968
|
-
</DocumentFragment>
|
|
969
|
-
`;
|
|
970
|
-
|
|
971
|
-
exports[`Radio rendering the ID 1`] = `
|
|
972
|
-
<DocumentFragment>
|
|
973
|
-
<div
|
|
974
|
-
aria-checked="false"
|
|
975
|
-
aria-readonly="false"
|
|
976
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
977
|
-
data-id="RadioComp"
|
|
978
|
-
data-selector-id="container"
|
|
979
|
-
data-test-id="RadioComp"
|
|
980
|
-
role="radio"
|
|
981
|
-
tabindex="0"
|
|
982
|
-
>
|
|
983
|
-
<div
|
|
984
|
-
class="radio
|
|
985
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
986
|
-
data-id="boxComponent"
|
|
987
|
-
data-selector-id="box"
|
|
988
|
-
data-test-id="boxComponent"
|
|
989
|
-
>
|
|
990
|
-
<input
|
|
991
|
-
id="RadioID"
|
|
992
|
-
type="hidden"
|
|
993
|
-
value=""
|
|
994
|
-
/>
|
|
995
|
-
<label
|
|
996
|
-
class="radioLabel pointer"
|
|
997
|
-
>
|
|
998
|
-
<svg
|
|
999
|
-
viewBox="0 0 40 40"
|
|
1000
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1001
|
-
>
|
|
1002
|
-
<circle
|
|
1003
|
-
class="rdBox"
|
|
1004
|
-
cx="20"
|
|
1005
|
-
cy="20"
|
|
1006
|
-
r="19"
|
|
1007
|
-
/>
|
|
1008
|
-
</svg>
|
|
1009
|
-
</label>
|
|
1010
|
-
</div>
|
|
1011
|
-
</div>
|
|
1012
|
-
</DocumentFragment>
|
|
1013
|
-
`;
|
|
1014
|
-
|
|
1015
|
-
exports[`Radio rendering the Name 1`] = `
|
|
1016
|
-
<DocumentFragment>
|
|
1017
|
-
<div
|
|
1018
|
-
aria-checked="false"
|
|
1019
|
-
aria-readonly="false"
|
|
1020
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
1021
|
-
data-id="RadioComp"
|
|
1022
|
-
data-selector-id="container"
|
|
1023
|
-
data-test-id="RadioComp"
|
|
1024
|
-
role="radio"
|
|
1025
|
-
tabindex="0"
|
|
1026
|
-
>
|
|
1027
|
-
<div
|
|
1028
|
-
class="radio
|
|
1029
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1030
|
-
data-id="boxComponent"
|
|
1031
|
-
data-selector-id="box"
|
|
1032
|
-
data-test-id="boxComponent"
|
|
1033
|
-
>
|
|
1034
|
-
<input
|
|
1035
|
-
name="RadioName"
|
|
1036
|
-
type="hidden"
|
|
1037
|
-
value=""
|
|
1038
|
-
/>
|
|
1039
|
-
<label
|
|
1040
|
-
class="radioLabel pointer"
|
|
1041
|
-
>
|
|
1042
|
-
<svg
|
|
1043
|
-
viewBox="0 0 40 40"
|
|
1044
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1045
|
-
>
|
|
1046
|
-
<circle
|
|
1047
|
-
class="rdBox"
|
|
1048
|
-
cx="20"
|
|
1049
|
-
cy="20"
|
|
1050
|
-
r="19"
|
|
1051
|
-
/>
|
|
1052
|
-
</svg>
|
|
1053
|
-
</label>
|
|
1054
|
-
</div>
|
|
1055
|
-
</div>
|
|
1056
|
-
</DocumentFragment>
|
|
1057
|
-
`;
|
|
1058
|
-
|
|
1059
|
-
exports[`Radio rendering the Value 1`] = `
|
|
1060
|
-
<DocumentFragment>
|
|
1061
|
-
<div
|
|
1062
|
-
aria-checked="false"
|
|
1063
|
-
aria-readonly="false"
|
|
1064
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
1065
|
-
data-id="radiovalue"
|
|
1066
|
-
data-selector-id="container"
|
|
1067
|
-
data-test-id="radiovalue"
|
|
1068
|
-
role="radio"
|
|
1069
|
-
tabindex="0"
|
|
1070
|
-
>
|
|
1071
|
-
<div
|
|
1072
|
-
class="radio
|
|
1073
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1074
|
-
data-id="boxComponent"
|
|
1075
|
-
data-selector-id="box"
|
|
1076
|
-
data-test-id="boxComponent"
|
|
1077
|
-
>
|
|
1078
|
-
<input
|
|
1079
|
-
type="hidden"
|
|
1080
|
-
value="RadioValue"
|
|
1081
|
-
/>
|
|
1082
|
-
<label
|
|
1083
|
-
class="radioLabel pointer"
|
|
1084
|
-
>
|
|
1085
|
-
<svg
|
|
1086
|
-
viewBox="0 0 40 40"
|
|
1087
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1088
|
-
>
|
|
1089
|
-
<circle
|
|
1090
|
-
class="rdBox"
|
|
1091
|
-
cx="20"
|
|
1092
|
-
cy="20"
|
|
1093
|
-
r="19"
|
|
1094
|
-
/>
|
|
1095
|
-
</svg>
|
|
1096
|
-
</label>
|
|
1097
|
-
</div>
|
|
1098
|
-
</div>
|
|
1099
|
-
</DocumentFragment>
|
|
1100
|
-
`;
|
|
1101
|
-
|
|
1102
|
-
exports[`Radio rendering the accessMode when disabled 1`] = `
|
|
1103
|
-
<DocumentFragment>
|
|
1104
|
-
<div
|
|
1105
|
-
aria-checked="false"
|
|
1106
|
-
aria-readonly="true"
|
|
1107
|
-
class="container disabled flex rowdir both"
|
|
1108
|
-
data-id="RadioComp"
|
|
1109
|
-
data-selector-id="container"
|
|
1110
|
-
data-test-id="RadioComp"
|
|
1111
|
-
role="radio"
|
|
1112
|
-
tabindex="-1"
|
|
1113
|
-
>
|
|
1114
|
-
<div
|
|
1115
|
-
class="radio
|
|
1116
|
-
medium filled centerPathprimary shrinkOff"
|
|
1117
|
-
data-id="boxComponent"
|
|
1118
|
-
data-selector-id="box"
|
|
1119
|
-
data-test-id="boxComponent"
|
|
1120
|
-
>
|
|
1121
|
-
<input
|
|
1122
|
-
type="hidden"
|
|
1123
|
-
value=""
|
|
1124
|
-
/>
|
|
1125
|
-
<label
|
|
1126
|
-
class="radioLabel disabled"
|
|
1127
|
-
>
|
|
1128
|
-
<svg
|
|
1129
|
-
viewBox="0 0 40 40"
|
|
1130
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1131
|
-
>
|
|
1132
|
-
<circle
|
|
1133
|
-
class="rdBox"
|
|
1134
|
-
cx="20"
|
|
1135
|
-
cy="20"
|
|
1136
|
-
r="19"
|
|
1137
|
-
/>
|
|
1138
|
-
</svg>
|
|
1139
|
-
</label>
|
|
1140
|
-
</div>
|
|
1141
|
-
<div
|
|
1142
|
-
class="text grow basis shrinkOff"
|
|
1143
|
-
data-id="boxComponent"
|
|
1144
|
-
data-selector-id="box"
|
|
1145
|
-
data-test-id="boxComponent"
|
|
1146
|
-
>
|
|
1147
|
-
<label
|
|
1148
|
-
class="label title medium disable font_default
|
|
1149
|
-
dotted cursor
|
|
1150
|
-
primaryLabel disabled "
|
|
1151
|
-
data-id="RadioText_label"
|
|
1152
|
-
data-selector-id="label"
|
|
1153
|
-
data-test-id="RadioText_label"
|
|
1154
|
-
data-title="RadioText"
|
|
1155
|
-
>
|
|
1156
|
-
RadioText
|
|
1157
|
-
</label>
|
|
1158
|
-
</div>
|
|
1159
|
-
</div>
|
|
1160
|
-
</DocumentFragment>
|
|
1161
|
-
`;
|
|
1162
|
-
|
|
1163
|
-
exports[`Radio rendering the accessMode when isReadOnly 1`] = `
|
|
1164
|
-
<DocumentFragment>
|
|
1165
|
-
<div
|
|
1166
|
-
aria-checked="false"
|
|
1167
|
-
aria-readonly="true"
|
|
1168
|
-
class="container readonly flex rowdir both"
|
|
1169
|
-
data-id="RadioComp"
|
|
1170
|
-
data-selector-id="container"
|
|
1171
|
-
data-test-id="RadioComp"
|
|
1172
|
-
role="radio"
|
|
1173
|
-
tabindex="-1"
|
|
1174
|
-
>
|
|
1175
|
-
<div
|
|
1176
|
-
class="radio
|
|
1177
|
-
medium filled centerPathprimary shrinkOff"
|
|
1178
|
-
data-id="boxComponent"
|
|
1179
|
-
data-selector-id="box"
|
|
1180
|
-
data-test-id="boxComponent"
|
|
1181
|
-
>
|
|
1182
|
-
<input
|
|
1183
|
-
type="hidden"
|
|
1184
|
-
value=""
|
|
1185
|
-
/>
|
|
1186
|
-
<label
|
|
1187
|
-
class="radioLabel readonly"
|
|
1188
|
-
>
|
|
1189
|
-
<svg
|
|
1190
|
-
viewBox="0 0 40 40"
|
|
1191
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1192
|
-
>
|
|
1193
|
-
<circle
|
|
1194
|
-
class="rdBox"
|
|
1195
|
-
cx="20"
|
|
1196
|
-
cy="20"
|
|
1197
|
-
r="19"
|
|
1198
|
-
/>
|
|
1199
|
-
</svg>
|
|
1200
|
-
</label>
|
|
1201
|
-
</div>
|
|
1202
|
-
<div
|
|
1203
|
-
class="text grow basis shrinkOff"
|
|
1204
|
-
data-id="boxComponent"
|
|
1205
|
-
data-selector-id="box"
|
|
1206
|
-
data-test-id="boxComponent"
|
|
1207
|
-
>
|
|
1208
|
-
<label
|
|
1209
|
-
class="label title medium default font_default
|
|
1210
|
-
dotted cursor
|
|
1211
|
-
primaryLabel readonly "
|
|
1212
|
-
data-id="RadioText_label"
|
|
1213
|
-
data-selector-id="label"
|
|
1214
|
-
data-test-id="RadioText_label"
|
|
1215
|
-
data-title="RadioText"
|
|
1216
|
-
>
|
|
1217
|
-
RadioText
|
|
1218
|
-
</label>
|
|
1219
|
-
</div>
|
|
1220
|
-
</div>
|
|
1221
|
-
</DocumentFragment>
|
|
1222
|
-
`;
|
|
1223
|
-
|
|
1224
|
-
exports[`Radio rendering the active is true - danger 1`] = `
|
|
1225
|
-
<DocumentFragment>
|
|
1226
|
-
<div
|
|
1227
|
-
aria-checked="true"
|
|
1228
|
-
aria-readonly="false"
|
|
1229
|
-
class="container active pointer hoverEfffect checked flex rowdir both"
|
|
1230
|
-
data-id="RadioComp"
|
|
1231
|
-
data-selector-id="container"
|
|
1232
|
-
data-test-id="RadioComp"
|
|
1233
|
-
role="radio"
|
|
1234
|
-
tabindex="0"
|
|
1235
|
-
>
|
|
1236
|
-
<div
|
|
1237
|
-
class="radio rdBoxdanger
|
|
1238
|
-
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
1239
|
-
data-id="boxComponent"
|
|
1240
|
-
data-selector-id="box"
|
|
1241
|
-
data-test-id="boxComponent"
|
|
1242
|
-
>
|
|
1243
|
-
<input
|
|
1244
|
-
type="hidden"
|
|
1245
|
-
value=""
|
|
1246
|
-
/>
|
|
1247
|
-
<label
|
|
1248
|
-
class="radioLabel pointer"
|
|
1249
|
-
>
|
|
1250
|
-
<svg
|
|
1251
|
-
viewBox="0 0 40 40"
|
|
1252
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1253
|
-
>
|
|
1254
|
-
<circle
|
|
1255
|
-
class="rdBox"
|
|
1256
|
-
cx="20"
|
|
1257
|
-
cy="20"
|
|
1258
|
-
r="19"
|
|
1259
|
-
/>
|
|
1260
|
-
<circle
|
|
1261
|
-
class="centerPath"
|
|
1262
|
-
cx="20"
|
|
1263
|
-
cy="20"
|
|
1264
|
-
r="11.03"
|
|
1265
|
-
/>
|
|
1266
|
-
</svg>
|
|
1267
|
-
</label>
|
|
1268
|
-
</div>
|
|
1269
|
-
<div
|
|
1270
|
-
class="text grow basis shrinkOff"
|
|
1271
|
-
data-id="boxComponent"
|
|
1272
|
-
data-selector-id="box"
|
|
1273
|
-
data-test-id="boxComponent"
|
|
1274
|
-
>
|
|
1275
|
-
<label
|
|
1276
|
-
class="label title medium default font_default
|
|
1277
|
-
dotted cursor dangercheckedActive
|
|
1278
|
-
dangerLabel pointer "
|
|
1279
|
-
data-id="RadioText_label"
|
|
1280
|
-
data-selector-id="label"
|
|
1281
|
-
data-test-id="RadioText_label"
|
|
1282
|
-
data-title="RadioText"
|
|
1283
|
-
>
|
|
1284
|
-
RadioText
|
|
1285
|
-
</label>
|
|
1286
|
-
</div>
|
|
1287
|
-
</div>
|
|
1288
|
-
</DocumentFragment>
|
|
1289
|
-
`;
|
|
1290
|
-
|
|
1291
|
-
exports[`Radio rendering the active is true - primary 1`] = `
|
|
1292
|
-
<DocumentFragment>
|
|
1293
|
-
<div
|
|
1294
|
-
aria-checked="true"
|
|
1295
|
-
aria-readonly="false"
|
|
1296
|
-
class="container active pointer hoverEfffect checked flex rowdir both"
|
|
1297
|
-
data-id="RadioComp"
|
|
1298
|
-
data-selector-id="container"
|
|
1299
|
-
data-test-id="RadioComp"
|
|
1300
|
-
role="radio"
|
|
1301
|
-
tabindex="0"
|
|
1302
|
-
>
|
|
1303
|
-
<div
|
|
1304
|
-
class="radio rdBoxprimary
|
|
1305
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1306
|
-
data-id="boxComponent"
|
|
1307
|
-
data-selector-id="box"
|
|
1308
|
-
data-test-id="boxComponent"
|
|
1309
|
-
>
|
|
1310
|
-
<input
|
|
1311
|
-
type="hidden"
|
|
1312
|
-
value=""
|
|
1313
|
-
/>
|
|
1314
|
-
<label
|
|
1315
|
-
class="radioLabel pointer"
|
|
1316
|
-
>
|
|
1317
|
-
<svg
|
|
1318
|
-
viewBox="0 0 40 40"
|
|
1319
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1320
|
-
>
|
|
1321
|
-
<circle
|
|
1322
|
-
class="rdBox"
|
|
1323
|
-
cx="20"
|
|
1324
|
-
cy="20"
|
|
1325
|
-
r="19"
|
|
1326
|
-
/>
|
|
1327
|
-
<circle
|
|
1328
|
-
class="centerPath"
|
|
1329
|
-
cx="20"
|
|
1330
|
-
cy="20"
|
|
1331
|
-
r="11.03"
|
|
1332
|
-
/>
|
|
1333
|
-
</svg>
|
|
1334
|
-
</label>
|
|
1335
|
-
</div>
|
|
1336
|
-
<div
|
|
1337
|
-
class="text grow basis shrinkOff"
|
|
1338
|
-
data-id="boxComponent"
|
|
1339
|
-
data-selector-id="box"
|
|
1340
|
-
data-test-id="boxComponent"
|
|
1341
|
-
>
|
|
1342
|
-
<label
|
|
1343
|
-
class="label title medium default font_default
|
|
1344
|
-
dotted cursor primarycheckedActive
|
|
1345
|
-
primaryLabel pointer "
|
|
1346
|
-
data-id="RadioText_label"
|
|
1347
|
-
data-selector-id="label"
|
|
1348
|
-
data-test-id="RadioText_label"
|
|
1349
|
-
data-title="RadioText"
|
|
1350
|
-
>
|
|
1351
|
-
RadioText
|
|
1352
|
-
</label>
|
|
1353
|
-
</div>
|
|
1354
|
-
</div>
|
|
1355
|
-
</DocumentFragment>
|
|
1356
|
-
`;
|
|
1357
|
-
|
|
1358
|
-
exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLabel 1`] = `
|
|
1359
|
-
<DocumentFragment>
|
|
1360
|
-
<div
|
|
1361
|
-
aria-checked="false"
|
|
1362
|
-
aria-readonly="false"
|
|
1363
|
-
class="container pointer hoverEfffect CustomClassCustomRadioWrap flex rowdir both"
|
|
1364
|
-
data-id="RadioComp"
|
|
1365
|
-
data-selector-id="container"
|
|
1366
|
-
data-test-id="RadioComp"
|
|
1367
|
-
role="radio"
|
|
1368
|
-
tabindex="0"
|
|
1369
|
-
>
|
|
1370
|
-
<div
|
|
1371
|
-
class="radio
|
|
1372
|
-
hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
|
|
1373
|
-
data-id="boxComponent"
|
|
1374
|
-
data-selector-id="box"
|
|
1375
|
-
data-test-id="boxComponent"
|
|
1376
|
-
>
|
|
1377
|
-
<input
|
|
1378
|
-
type="hidden"
|
|
1379
|
-
value=""
|
|
1380
|
-
/>
|
|
1381
|
-
<label
|
|
1382
|
-
class="radioLabel pointer"
|
|
1383
|
-
>
|
|
1384
|
-
<svg
|
|
1385
|
-
viewBox="0 0 40 40"
|
|
1386
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1387
|
-
>
|
|
1388
|
-
<circle
|
|
1389
|
-
class="rdBox"
|
|
1390
|
-
cx="20"
|
|
1391
|
-
cy="20"
|
|
1392
|
-
r="19"
|
|
1393
|
-
/>
|
|
1394
|
-
</svg>
|
|
1395
|
-
</label>
|
|
1396
|
-
</div>
|
|
1397
|
-
<div
|
|
1398
|
-
class="text grow basis shrinkOff"
|
|
1399
|
-
data-id="boxComponent"
|
|
1400
|
-
data-selector-id="box"
|
|
1401
|
-
data-test-id="boxComponent"
|
|
1402
|
-
>
|
|
1403
|
-
<label
|
|
1404
|
-
class="label title medium default font_default
|
|
1405
|
-
dotted cursor
|
|
1406
|
-
primaryLabel pointer CustomClassCustomLabel "
|
|
1407
|
-
data-id="RadioText_label"
|
|
1408
|
-
data-selector-id="label"
|
|
1409
|
-
data-test-id="RadioText_label"
|
|
1410
|
-
data-title="RadioText"
|
|
1411
|
-
>
|
|
1412
|
-
RadioText
|
|
1413
|
-
</label>
|
|
1414
|
-
</div>
|
|
1415
|
-
</div>
|
|
1416
|
-
</DocumentFragment>
|
|
1417
|
-
`;
|
|
1418
|
-
|
|
1419
|
-
exports[`Radio rendering the defult props 1`] = `
|
|
1420
|
-
<DocumentFragment>
|
|
1421
|
-
<div
|
|
1422
|
-
aria-checked="false"
|
|
1423
|
-
aria-readonly="false"
|
|
1424
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
1425
|
-
data-id="RadioComp"
|
|
1426
|
-
data-selector-id="container"
|
|
1427
|
-
data-test-id="RadioComp"
|
|
1428
|
-
role="radio"
|
|
1429
|
-
tabindex="0"
|
|
1430
|
-
>
|
|
1431
|
-
<div
|
|
1432
|
-
class="radio
|
|
1433
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1434
|
-
data-id="boxComponent"
|
|
1435
|
-
data-selector-id="box"
|
|
1436
|
-
data-test-id="boxComponent"
|
|
1437
|
-
>
|
|
1438
|
-
<input
|
|
1439
|
-
type="hidden"
|
|
1440
|
-
value=""
|
|
1441
|
-
/>
|
|
1442
|
-
<label
|
|
1443
|
-
class="radioLabel pointer"
|
|
1444
|
-
>
|
|
1445
|
-
<svg
|
|
1446
|
-
viewBox="0 0 40 40"
|
|
1447
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1448
|
-
>
|
|
1449
|
-
<circle
|
|
1450
|
-
class="rdBox"
|
|
1451
|
-
cx="20"
|
|
1452
|
-
cy="20"
|
|
1453
|
-
r="19"
|
|
1454
|
-
/>
|
|
1455
|
-
</svg>
|
|
1456
|
-
</label>
|
|
1457
|
-
</div>
|
|
1458
|
-
</div>
|
|
1459
|
-
</DocumentFragment>
|
|
1460
|
-
`;
|
|
1461
|
-
|
|
1462
|
-
exports[`Radio rendering the disabled is true 1`] = `
|
|
1463
|
-
<DocumentFragment>
|
|
1464
|
-
<div
|
|
1465
|
-
aria-checked="false"
|
|
1466
|
-
aria-readonly="true"
|
|
1467
|
-
class="container disabled flex rowdir both"
|
|
1468
|
-
data-id="RadioComp"
|
|
1469
|
-
data-selector-id="container"
|
|
1470
|
-
data-test-id="RadioComp"
|
|
1471
|
-
role="radio"
|
|
1472
|
-
tabindex="-1"
|
|
1473
|
-
>
|
|
1474
|
-
<div
|
|
1475
|
-
class="radio
|
|
1476
|
-
medium filled undefined shrinkOff"
|
|
1477
|
-
data-id="boxComponent"
|
|
1478
|
-
data-selector-id="box"
|
|
1479
|
-
data-test-id="boxComponent"
|
|
1480
|
-
>
|
|
1481
|
-
<input
|
|
1482
|
-
type="hidden"
|
|
1483
|
-
value=""
|
|
1484
|
-
/>
|
|
1485
|
-
<label
|
|
1486
|
-
class="radioLabel disabled"
|
|
1487
|
-
>
|
|
1488
|
-
<svg
|
|
1489
|
-
viewBox="0 0 40 40"
|
|
1490
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1491
|
-
>
|
|
1492
|
-
<circle
|
|
1493
|
-
class="rdBox"
|
|
1494
|
-
cx="20"
|
|
1495
|
-
cy="20"
|
|
1496
|
-
r="19"
|
|
1497
|
-
/>
|
|
1498
|
-
</svg>
|
|
1499
|
-
</label>
|
|
1500
|
-
</div>
|
|
1501
|
-
<div
|
|
1502
|
-
class="text grow basis shrinkOff"
|
|
1503
|
-
data-id="boxComponent"
|
|
1504
|
-
data-selector-id="box"
|
|
1505
|
-
data-test-id="boxComponent"
|
|
1506
|
-
>
|
|
1507
|
-
<label
|
|
1508
|
-
class="label title medium disable font_default
|
|
1509
|
-
dotted cursor
|
|
1510
|
-
undefined disabled "
|
|
1511
|
-
data-id="RadioText_label"
|
|
1512
|
-
data-selector-id="label"
|
|
1513
|
-
data-test-id="RadioText_label"
|
|
1514
|
-
data-title="RadioText"
|
|
1515
|
-
>
|
|
1516
|
-
RadioText
|
|
1517
|
-
</label>
|
|
1518
|
-
</div>
|
|
1519
|
-
</div>
|
|
1520
|
-
</DocumentFragment>
|
|
1521
|
-
`;
|
|
1522
|
-
|
|
1523
|
-
exports[`Radio rendering the disabledTitle 1`] = `
|
|
1524
|
-
<DocumentFragment>
|
|
1525
|
-
<div
|
|
1526
|
-
aria-checked="false"
|
|
1527
|
-
aria-readonly="true"
|
|
1528
|
-
class="container disabled flex rowdir both"
|
|
1529
|
-
data-id="RadioComp"
|
|
1530
|
-
data-selector-id="container"
|
|
1531
|
-
data-test-id="RadioComp"
|
|
1532
|
-
data-title="radioDisableTitle"
|
|
1533
|
-
role="radio"
|
|
1534
|
-
tabindex="-1"
|
|
1535
|
-
>
|
|
1536
|
-
<div
|
|
1537
|
-
class="radio
|
|
1538
|
-
medium filled centerPathprimary shrinkOff"
|
|
1539
|
-
data-id="boxComponent"
|
|
1540
|
-
data-selector-id="box"
|
|
1541
|
-
data-test-id="boxComponent"
|
|
1542
|
-
>
|
|
1543
|
-
<input
|
|
1544
|
-
type="hidden"
|
|
1545
|
-
value=""
|
|
1546
|
-
/>
|
|
1547
|
-
<label
|
|
1548
|
-
class="radioLabel disabled"
|
|
1549
|
-
>
|
|
1550
|
-
<svg
|
|
1551
|
-
viewBox="0 0 40 40"
|
|
1552
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1553
|
-
>
|
|
1554
|
-
<circle
|
|
1555
|
-
class="rdBox"
|
|
1556
|
-
cx="20"
|
|
1557
|
-
cy="20"
|
|
1558
|
-
r="19"
|
|
1559
|
-
/>
|
|
1560
|
-
</svg>
|
|
1561
|
-
</label>
|
|
1562
|
-
</div>
|
|
1563
|
-
<div
|
|
1564
|
-
class="text grow basis shrinkOff"
|
|
1565
|
-
data-id="boxComponent"
|
|
1566
|
-
data-selector-id="box"
|
|
1567
|
-
data-test-id="boxComponent"
|
|
1568
|
-
>
|
|
1569
|
-
<label
|
|
1570
|
-
class="label title medium disable font_default
|
|
1571
|
-
dotted cursor
|
|
1572
|
-
primaryLabel disabled "
|
|
1573
|
-
data-id="RadioText_label"
|
|
1574
|
-
data-selector-id="label"
|
|
1575
|
-
data-test-id="RadioText_label"
|
|
1576
|
-
data-title="radioDisableTitle"
|
|
1577
|
-
>
|
|
1578
|
-
RadioText
|
|
1579
|
-
</label>
|
|
1580
|
-
</div>
|
|
1581
|
-
</div>
|
|
1582
|
-
</DocumentFragment>
|
|
1583
|
-
`;
|
|
1584
|
-
|
|
1585
|
-
exports[`Radio rendering the isFilled is false 1`] = `
|
|
1586
|
-
<DocumentFragment>
|
|
1587
|
-
<div
|
|
1588
|
-
aria-checked="false"
|
|
1589
|
-
aria-readonly="false"
|
|
1590
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
1591
|
-
data-id="RadioComp"
|
|
1592
|
-
data-selector-id="container"
|
|
1593
|
-
data-test-id="RadioComp"
|
|
1594
|
-
role="radio"
|
|
1595
|
-
tabindex="0"
|
|
1596
|
-
>
|
|
1597
|
-
<div
|
|
1598
|
-
class="radio
|
|
1599
|
-
hoverprimary medium centerPathprimary shrinkOff"
|
|
1600
|
-
data-id="boxComponent"
|
|
1601
|
-
data-selector-id="box"
|
|
1602
|
-
data-test-id="boxComponent"
|
|
1603
|
-
>
|
|
1604
|
-
<input
|
|
1605
|
-
type="hidden"
|
|
1606
|
-
value=""
|
|
1607
|
-
/>
|
|
1608
|
-
<label
|
|
1609
|
-
class="radioLabel pointer"
|
|
1610
|
-
>
|
|
1611
|
-
<svg
|
|
1612
|
-
viewBox="0 0 40 40"
|
|
1613
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1614
|
-
>
|
|
1615
|
-
<circle
|
|
1616
|
-
class="rdBox"
|
|
1617
|
-
cx="20"
|
|
1618
|
-
cy="20"
|
|
1619
|
-
r="19"
|
|
1620
|
-
/>
|
|
1621
|
-
</svg>
|
|
1622
|
-
</label>
|
|
1623
|
-
</div>
|
|
1624
|
-
</div>
|
|
1625
|
-
</DocumentFragment>
|
|
1626
|
-
`;
|
|
1627
|
-
|
|
1628
|
-
exports[`Radio rendering the isReadOnly is true 1`] = `
|
|
1629
|
-
<DocumentFragment>
|
|
1630
|
-
<div
|
|
1631
|
-
aria-checked="false"
|
|
1632
|
-
aria-readonly="true"
|
|
1633
|
-
class="container readonly inflex rowdir both"
|
|
1634
|
-
data-id="RadioComp"
|
|
1635
|
-
data-selector-id="container"
|
|
1636
|
-
data-test-id="RadioComp"
|
|
1637
|
-
role="radio"
|
|
1638
|
-
tabindex="-1"
|
|
1639
|
-
>
|
|
1640
|
-
<div
|
|
1641
|
-
class="radio
|
|
1642
|
-
medium filled centerPathprimary shrinkOff"
|
|
1643
|
-
data-id="boxComponent"
|
|
1644
|
-
data-selector-id="box"
|
|
1645
|
-
data-test-id="boxComponent"
|
|
1646
|
-
>
|
|
1647
|
-
<input
|
|
1648
|
-
type="hidden"
|
|
1649
|
-
value=""
|
|
1650
|
-
/>
|
|
1651
|
-
<label
|
|
1652
|
-
class="radioLabel readonly"
|
|
1653
|
-
>
|
|
1654
|
-
<svg
|
|
1655
|
-
viewBox="0 0 40 40"
|
|
1656
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1657
|
-
>
|
|
1658
|
-
<circle
|
|
1659
|
-
class="rdBox"
|
|
1660
|
-
cx="20"
|
|
1661
|
-
cy="20"
|
|
1662
|
-
r="19"
|
|
1663
|
-
/>
|
|
1664
|
-
</svg>
|
|
1665
|
-
</label>
|
|
1666
|
-
</div>
|
|
1667
|
-
</div>
|
|
1668
|
-
</DocumentFragment>
|
|
1669
|
-
`;
|
|
1670
|
-
|
|
1671
|
-
exports[`Radio rendering the text 1`] = `
|
|
1672
|
-
<DocumentFragment>
|
|
1673
|
-
<div
|
|
1674
|
-
aria-checked="false"
|
|
1675
|
-
aria-readonly="false"
|
|
1676
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
1677
|
-
data-id="RadioComp"
|
|
1678
|
-
data-selector-id="container"
|
|
1679
|
-
data-test-id="RadioComp"
|
|
1680
|
-
role="radio"
|
|
1681
|
-
tabindex="0"
|
|
1682
|
-
>
|
|
1683
|
-
<div
|
|
1684
|
-
class="radio
|
|
1685
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1686
|
-
data-id="boxComponent"
|
|
1687
|
-
data-selector-id="box"
|
|
1688
|
-
data-test-id="boxComponent"
|
|
1689
|
-
>
|
|
1690
|
-
<input
|
|
1691
|
-
type="hidden"
|
|
1692
|
-
value=""
|
|
1693
|
-
/>
|
|
1694
|
-
<label
|
|
1695
|
-
class="radioLabel pointer"
|
|
1696
|
-
>
|
|
1697
|
-
<svg
|
|
1698
|
-
viewBox="0 0 40 40"
|
|
1699
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1700
|
-
>
|
|
1701
|
-
<circle
|
|
1702
|
-
class="rdBox"
|
|
1703
|
-
cx="20"
|
|
1704
|
-
cy="20"
|
|
1705
|
-
r="19"
|
|
1706
|
-
/>
|
|
1707
|
-
</svg>
|
|
1708
|
-
</label>
|
|
1709
|
-
</div>
|
|
1710
|
-
<div
|
|
1711
|
-
class="text grow basis shrinkOff"
|
|
1712
|
-
data-id="boxComponent"
|
|
1713
|
-
data-selector-id="box"
|
|
1714
|
-
data-test-id="boxComponent"
|
|
1715
|
-
>
|
|
1716
|
-
<label
|
|
1717
|
-
class="label title medium default font_default
|
|
1718
|
-
dotted cursor
|
|
1719
|
-
primaryLabel pointer "
|
|
1720
|
-
data-id="RadioText_label"
|
|
1721
|
-
data-selector-id="label"
|
|
1722
|
-
data-test-id="RadioText_label"
|
|
1723
|
-
data-title="RadioText"
|
|
1724
|
-
>
|
|
1725
|
-
RadioText
|
|
1726
|
-
</label>
|
|
1727
|
-
</div>
|
|
1728
|
-
</div>
|
|
1729
|
-
</DocumentFragment>
|
|
1730
|
-
`;
|
|
1731
|
-
|
|
1732
|
-
exports[`Radio rendering the title 1`] = `
|
|
1733
|
-
<DocumentFragment>
|
|
1734
|
-
<div
|
|
1735
|
-
aria-checked="false"
|
|
1736
|
-
aria-readonly="false"
|
|
1737
|
-
class="container pointer hoverEfffect flex rowdir both"
|
|
1738
|
-
data-id="RadioComp"
|
|
1739
|
-
data-selector-id="container"
|
|
1740
|
-
data-test-id="RadioComp"
|
|
1741
|
-
data-title="radioTitle"
|
|
1742
|
-
role="radio"
|
|
1743
|
-
tabindex="0"
|
|
1744
|
-
>
|
|
1745
|
-
<div
|
|
1746
|
-
class="radio
|
|
1747
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1748
|
-
data-id="boxComponent"
|
|
1749
|
-
data-selector-id="box"
|
|
1750
|
-
data-test-id="boxComponent"
|
|
1751
|
-
>
|
|
1752
|
-
<input
|
|
1753
|
-
type="hidden"
|
|
1754
|
-
value=""
|
|
1755
|
-
/>
|
|
1756
|
-
<label
|
|
1757
|
-
class="radioLabel pointer"
|
|
1758
|
-
>
|
|
1759
|
-
<svg
|
|
1760
|
-
viewBox="0 0 40 40"
|
|
1761
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1762
|
-
>
|
|
1763
|
-
<circle
|
|
1764
|
-
class="rdBox"
|
|
1765
|
-
cx="20"
|
|
1766
|
-
cy="20"
|
|
1767
|
-
r="19"
|
|
1768
|
-
/>
|
|
1769
|
-
</svg>
|
|
1770
|
-
</label>
|
|
1771
|
-
</div>
|
|
1772
|
-
<div
|
|
1773
|
-
class="text grow basis shrinkOff"
|
|
1774
|
-
data-id="boxComponent"
|
|
1775
|
-
data-selector-id="box"
|
|
1776
|
-
data-test-id="boxComponent"
|
|
1777
|
-
>
|
|
1778
|
-
<label
|
|
1779
|
-
class="label title medium default font_default
|
|
1780
|
-
dotted cursor
|
|
1781
|
-
primaryLabel pointer "
|
|
1782
|
-
data-id="RadioText_label"
|
|
1783
|
-
data-selector-id="label"
|
|
1784
|
-
data-test-id="RadioText_label"
|
|
1785
|
-
data-title="radioTitle"
|
|
1786
|
-
>
|
|
1787
|
-
RadioText
|
|
1788
|
-
</label>
|
|
1789
|
-
</div>
|
|
1790
|
-
</div>
|
|
1791
|
-
</DocumentFragment>
|
|
1792
|
-
`;
|
|
1793
|
-
|
|
1794
|
-
exports[`Radio renders with different onClick props 1`] = `
|
|
1795
|
-
<DocumentFragment>
|
|
1796
|
-
<div>
|
|
1797
|
-
<div
|
|
1798
|
-
aria-checked="false"
|
|
1799
|
-
aria-readonly="false"
|
|
1800
|
-
class="container pointer hoverEfffect inflex rowdir both"
|
|
1801
|
-
data-id="radiovalue"
|
|
1802
|
-
data-selector-id="container"
|
|
1803
|
-
data-test-id="radiovalue"
|
|
1804
|
-
role="radio"
|
|
1805
|
-
tabindex="0"
|
|
1806
|
-
>
|
|
1807
|
-
<div
|
|
1808
|
-
class="radio
|
|
1809
|
-
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1810
|
-
data-id="boxComponent"
|
|
1811
|
-
data-selector-id="box"
|
|
1812
|
-
data-test-id="boxComponent"
|
|
1813
|
-
>
|
|
1814
|
-
<input
|
|
1815
|
-
type="hidden"
|
|
1816
|
-
value="radioValue"
|
|
1817
|
-
/>
|
|
1818
|
-
<label
|
|
1819
|
-
class="radioLabel pointer"
|
|
1820
|
-
>
|
|
1821
|
-
<svg
|
|
1822
|
-
viewBox="0 0 40 40"
|
|
1823
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
1824
|
-
>
|
|
1825
|
-
<circle
|
|
1826
|
-
class="rdBox"
|
|
1827
|
-
cx="20"
|
|
1828
|
-
cy="20"
|
|
1829
|
-
r="19"
|
|
1830
|
-
/>
|
|
1831
|
-
</svg>
|
|
1832
|
-
</label>
|
|
1833
|
-
</div>
|
|
1834
|
-
</div>
|
|
1835
|
-
</div>
|
|
1836
|
-
</DocumentFragment>
|
|
1837
|
-
`;
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`Radio eleRef prop is a function 1`] = `
|
|
4
|
+
<DocumentFragment>
|
|
5
|
+
<div
|
|
6
|
+
aria-checked="false"
|
|
7
|
+
aria-readonly="false"
|
|
8
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
9
|
+
data-id="RadioComp"
|
|
10
|
+
data-selector-id="container"
|
|
11
|
+
data-test-id="RadioComp"
|
|
12
|
+
role="radio"
|
|
13
|
+
tabindex="0"
|
|
14
|
+
>
|
|
15
|
+
<div
|
|
16
|
+
class="radio
|
|
17
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
18
|
+
data-id="boxComponent"
|
|
19
|
+
data-selector-id="box"
|
|
20
|
+
data-test-id="boxComponent"
|
|
21
|
+
>
|
|
22
|
+
<input
|
|
23
|
+
type="hidden"
|
|
24
|
+
value=""
|
|
25
|
+
/>
|
|
26
|
+
<label
|
|
27
|
+
class="radioLabel pointer"
|
|
28
|
+
>
|
|
29
|
+
<svg
|
|
30
|
+
viewBox="0 0 40 40"
|
|
31
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
32
|
+
>
|
|
33
|
+
<circle
|
|
34
|
+
class="rdBox"
|
|
35
|
+
cx="20"
|
|
36
|
+
cy="20"
|
|
37
|
+
r="19"
|
|
38
|
+
/>
|
|
39
|
+
</svg>
|
|
40
|
+
</label>
|
|
41
|
+
</div>
|
|
42
|
+
</div>
|
|
43
|
+
</DocumentFragment>
|
|
44
|
+
`;
|
|
45
|
+
|
|
46
|
+
exports[`Radio rendering ally ariaChecked true 1`] = `
|
|
47
|
+
<DocumentFragment>
|
|
48
|
+
<div
|
|
49
|
+
aria-checked="true"
|
|
50
|
+
aria-readonly="false"
|
|
51
|
+
class="container pointer hoverEfffect checked inflex rowdir both"
|
|
52
|
+
data-id="RadioComp"
|
|
53
|
+
data-selector-id="container"
|
|
54
|
+
data-test-id="RadioComp"
|
|
55
|
+
role="radio"
|
|
56
|
+
tabindex="0"
|
|
57
|
+
>
|
|
58
|
+
<div
|
|
59
|
+
class="radio rdBoxprimary
|
|
60
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
61
|
+
data-id="boxComponent"
|
|
62
|
+
data-selector-id="box"
|
|
63
|
+
data-test-id="boxComponent"
|
|
64
|
+
>
|
|
65
|
+
<input
|
|
66
|
+
type="hidden"
|
|
67
|
+
value=""
|
|
68
|
+
/>
|
|
69
|
+
<label
|
|
70
|
+
class="radioLabel pointer"
|
|
71
|
+
>
|
|
72
|
+
<svg
|
|
73
|
+
viewBox="0 0 40 40"
|
|
74
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
75
|
+
>
|
|
76
|
+
<circle
|
|
77
|
+
class="rdBox"
|
|
78
|
+
cx="20"
|
|
79
|
+
cy="20"
|
|
80
|
+
r="19"
|
|
81
|
+
/>
|
|
82
|
+
<circle
|
|
83
|
+
class="centerPath"
|
|
84
|
+
cx="20"
|
|
85
|
+
cy="20"
|
|
86
|
+
r="11.03"
|
|
87
|
+
/>
|
|
88
|
+
</svg>
|
|
89
|
+
</label>
|
|
90
|
+
</div>
|
|
91
|
+
</div>
|
|
92
|
+
</DocumentFragment>
|
|
93
|
+
`;
|
|
94
|
+
|
|
95
|
+
exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly fasle true 1`] = `
|
|
96
|
+
<DocumentFragment>
|
|
97
|
+
<div
|
|
98
|
+
aria-checked="true"
|
|
99
|
+
aria-hidden="true"
|
|
100
|
+
aria-readonly="true"
|
|
101
|
+
class="container readonly checked inflex rowdir both"
|
|
102
|
+
data-id="RadioComp"
|
|
103
|
+
data-selector-id="container"
|
|
104
|
+
data-test-id="RadioComp"
|
|
105
|
+
role="radio"
|
|
106
|
+
tabindex="-1"
|
|
107
|
+
>
|
|
108
|
+
<div
|
|
109
|
+
class="radio rdBoxprimary
|
|
110
|
+
medium filled centerPathprimary shrinkOff"
|
|
111
|
+
data-id="boxComponent"
|
|
112
|
+
data-selector-id="box"
|
|
113
|
+
data-test-id="boxComponent"
|
|
114
|
+
>
|
|
115
|
+
<input
|
|
116
|
+
type="hidden"
|
|
117
|
+
value=""
|
|
118
|
+
/>
|
|
119
|
+
<label
|
|
120
|
+
class="radioLabel readonly"
|
|
121
|
+
>
|
|
122
|
+
<svg
|
|
123
|
+
viewBox="0 0 40 40"
|
|
124
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
125
|
+
>
|
|
126
|
+
<circle
|
|
127
|
+
class="rdBox"
|
|
128
|
+
cx="20"
|
|
129
|
+
cy="20"
|
|
130
|
+
r="19"
|
|
131
|
+
/>
|
|
132
|
+
<circle
|
|
133
|
+
class="centerPath"
|
|
134
|
+
cx="20"
|
|
135
|
+
cy="20"
|
|
136
|
+
r="11.03"
|
|
137
|
+
/>
|
|
138
|
+
</svg>
|
|
139
|
+
</label>
|
|
140
|
+
</div>
|
|
141
|
+
</div>
|
|
142
|
+
</DocumentFragment>
|
|
143
|
+
`;
|
|
144
|
+
|
|
145
|
+
exports[`Radio rendering ally ariaHidden , ariaChecked, ariaReadonly is false 1`] = `
|
|
146
|
+
<DocumentFragment>
|
|
147
|
+
<div
|
|
148
|
+
aria-checked="false"
|
|
149
|
+
aria-hidden="false"
|
|
150
|
+
aria-readonly="false"
|
|
151
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
152
|
+
data-id="RadioComp"
|
|
153
|
+
data-selector-id="container"
|
|
154
|
+
data-test-id="RadioComp"
|
|
155
|
+
role="radio"
|
|
156
|
+
tabindex="0"
|
|
157
|
+
>
|
|
158
|
+
<div
|
|
159
|
+
class="radio
|
|
160
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
161
|
+
data-id="boxComponent"
|
|
162
|
+
data-selector-id="box"
|
|
163
|
+
data-test-id="boxComponent"
|
|
164
|
+
>
|
|
165
|
+
<input
|
|
166
|
+
type="hidden"
|
|
167
|
+
value=""
|
|
168
|
+
/>
|
|
169
|
+
<label
|
|
170
|
+
class="radioLabel pointer"
|
|
171
|
+
>
|
|
172
|
+
<svg
|
|
173
|
+
viewBox="0 0 40 40"
|
|
174
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
175
|
+
>
|
|
176
|
+
<circle
|
|
177
|
+
class="rdBox"
|
|
178
|
+
cx="20"
|
|
179
|
+
cy="20"
|
|
180
|
+
r="19"
|
|
181
|
+
/>
|
|
182
|
+
</svg>
|
|
183
|
+
</label>
|
|
184
|
+
</div>
|
|
185
|
+
</div>
|
|
186
|
+
</DocumentFragment>
|
|
187
|
+
`;
|
|
188
|
+
|
|
189
|
+
exports[`Radio rendering labelPalette - danger 1`] = `
|
|
190
|
+
<DocumentFragment>
|
|
191
|
+
<div
|
|
192
|
+
aria-checked="false"
|
|
193
|
+
aria-readonly="false"
|
|
194
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
195
|
+
data-id="RadioComp"
|
|
196
|
+
data-selector-id="container"
|
|
197
|
+
data-test-id="RadioComp"
|
|
198
|
+
role="radio"
|
|
199
|
+
tabindex="0"
|
|
200
|
+
>
|
|
201
|
+
<div
|
|
202
|
+
class="radio
|
|
203
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
204
|
+
data-id="boxComponent"
|
|
205
|
+
data-selector-id="box"
|
|
206
|
+
data-test-id="boxComponent"
|
|
207
|
+
>
|
|
208
|
+
<input
|
|
209
|
+
type="hidden"
|
|
210
|
+
value=""
|
|
211
|
+
/>
|
|
212
|
+
<label
|
|
213
|
+
class="radioLabel pointer"
|
|
214
|
+
>
|
|
215
|
+
<svg
|
|
216
|
+
viewBox="0 0 40 40"
|
|
217
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
218
|
+
>
|
|
219
|
+
<circle
|
|
220
|
+
class="rdBox"
|
|
221
|
+
cx="20"
|
|
222
|
+
cy="20"
|
|
223
|
+
r="19"
|
|
224
|
+
/>
|
|
225
|
+
</svg>
|
|
226
|
+
</label>
|
|
227
|
+
</div>
|
|
228
|
+
<div
|
|
229
|
+
class="text grow basis shrinkOff"
|
|
230
|
+
data-id="boxComponent"
|
|
231
|
+
data-selector-id="box"
|
|
232
|
+
data-test-id="boxComponent"
|
|
233
|
+
>
|
|
234
|
+
<label
|
|
235
|
+
class="label title medium danger font_default
|
|
236
|
+
dotted cursor
|
|
237
|
+
primaryLabel pointer "
|
|
238
|
+
data-id="RadioText_label"
|
|
239
|
+
data-selector-id="label"
|
|
240
|
+
data-test-id="RadioText_label"
|
|
241
|
+
data-title="RadioText"
|
|
242
|
+
>
|
|
243
|
+
RadioText
|
|
244
|
+
</label>
|
|
245
|
+
</div>
|
|
246
|
+
</div>
|
|
247
|
+
</DocumentFragment>
|
|
248
|
+
`;
|
|
249
|
+
|
|
250
|
+
exports[`Radio rendering labelPalette - default 1`] = `
|
|
251
|
+
<DocumentFragment>
|
|
252
|
+
<div
|
|
253
|
+
aria-checked="false"
|
|
254
|
+
aria-readonly="false"
|
|
255
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
256
|
+
data-id="RadioComp"
|
|
257
|
+
data-selector-id="container"
|
|
258
|
+
data-test-id="RadioComp"
|
|
259
|
+
role="radio"
|
|
260
|
+
tabindex="0"
|
|
261
|
+
>
|
|
262
|
+
<div
|
|
263
|
+
class="radio
|
|
264
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
265
|
+
data-id="boxComponent"
|
|
266
|
+
data-selector-id="box"
|
|
267
|
+
data-test-id="boxComponent"
|
|
268
|
+
>
|
|
269
|
+
<input
|
|
270
|
+
type="hidden"
|
|
271
|
+
value=""
|
|
272
|
+
/>
|
|
273
|
+
<label
|
|
274
|
+
class="radioLabel pointer"
|
|
275
|
+
>
|
|
276
|
+
<svg
|
|
277
|
+
viewBox="0 0 40 40"
|
|
278
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
279
|
+
>
|
|
280
|
+
<circle
|
|
281
|
+
class="rdBox"
|
|
282
|
+
cx="20"
|
|
283
|
+
cy="20"
|
|
284
|
+
r="19"
|
|
285
|
+
/>
|
|
286
|
+
</svg>
|
|
287
|
+
</label>
|
|
288
|
+
</div>
|
|
289
|
+
<div
|
|
290
|
+
class="text grow basis shrinkOff"
|
|
291
|
+
data-id="boxComponent"
|
|
292
|
+
data-selector-id="box"
|
|
293
|
+
data-test-id="boxComponent"
|
|
294
|
+
>
|
|
295
|
+
<label
|
|
296
|
+
class="label title medium default font_default
|
|
297
|
+
dotted cursor
|
|
298
|
+
primaryLabel pointer "
|
|
299
|
+
data-id="RadioText_label"
|
|
300
|
+
data-selector-id="label"
|
|
301
|
+
data-test-id="RadioText_label"
|
|
302
|
+
data-title="RadioText"
|
|
303
|
+
>
|
|
304
|
+
RadioText
|
|
305
|
+
</label>
|
|
306
|
+
</div>
|
|
307
|
+
</div>
|
|
308
|
+
</DocumentFragment>
|
|
309
|
+
`;
|
|
310
|
+
|
|
311
|
+
exports[`Radio rendering labelPalette - mandatory 1`] = `
|
|
312
|
+
<DocumentFragment>
|
|
313
|
+
<div
|
|
314
|
+
aria-checked="false"
|
|
315
|
+
aria-readonly="false"
|
|
316
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
317
|
+
data-id="RadioComp"
|
|
318
|
+
data-selector-id="container"
|
|
319
|
+
data-test-id="RadioComp"
|
|
320
|
+
role="radio"
|
|
321
|
+
tabindex="0"
|
|
322
|
+
>
|
|
323
|
+
<div
|
|
324
|
+
class="radio
|
|
325
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
326
|
+
data-id="boxComponent"
|
|
327
|
+
data-selector-id="box"
|
|
328
|
+
data-test-id="boxComponent"
|
|
329
|
+
>
|
|
330
|
+
<input
|
|
331
|
+
type="hidden"
|
|
332
|
+
value=""
|
|
333
|
+
/>
|
|
334
|
+
<label
|
|
335
|
+
class="radioLabel pointer"
|
|
336
|
+
>
|
|
337
|
+
<svg
|
|
338
|
+
viewBox="0 0 40 40"
|
|
339
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
340
|
+
>
|
|
341
|
+
<circle
|
|
342
|
+
class="rdBox"
|
|
343
|
+
cx="20"
|
|
344
|
+
cy="20"
|
|
345
|
+
r="19"
|
|
346
|
+
/>
|
|
347
|
+
</svg>
|
|
348
|
+
</label>
|
|
349
|
+
</div>
|
|
350
|
+
<div
|
|
351
|
+
class="text grow basis shrinkOff"
|
|
352
|
+
data-id="boxComponent"
|
|
353
|
+
data-selector-id="box"
|
|
354
|
+
data-test-id="boxComponent"
|
|
355
|
+
>
|
|
356
|
+
<label
|
|
357
|
+
class="label title medium mandatory font_default
|
|
358
|
+
dotted cursor
|
|
359
|
+
primaryLabel pointer "
|
|
360
|
+
data-id="RadioText_label"
|
|
361
|
+
data-selector-id="label"
|
|
362
|
+
data-test-id="RadioText_label"
|
|
363
|
+
data-title="RadioText"
|
|
364
|
+
>
|
|
365
|
+
RadioText
|
|
366
|
+
</label>
|
|
367
|
+
</div>
|
|
368
|
+
</div>
|
|
369
|
+
</DocumentFragment>
|
|
370
|
+
`;
|
|
371
|
+
|
|
372
|
+
exports[`Radio rendering labelPalette - primary 1`] = `
|
|
373
|
+
<DocumentFragment>
|
|
374
|
+
<div
|
|
375
|
+
aria-checked="false"
|
|
376
|
+
aria-readonly="false"
|
|
377
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
378
|
+
data-id="RadioComp"
|
|
379
|
+
data-selector-id="container"
|
|
380
|
+
data-test-id="RadioComp"
|
|
381
|
+
role="radio"
|
|
382
|
+
tabindex="0"
|
|
383
|
+
>
|
|
384
|
+
<div
|
|
385
|
+
class="radio
|
|
386
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
387
|
+
data-id="boxComponent"
|
|
388
|
+
data-selector-id="box"
|
|
389
|
+
data-test-id="boxComponent"
|
|
390
|
+
>
|
|
391
|
+
<input
|
|
392
|
+
type="hidden"
|
|
393
|
+
value=""
|
|
394
|
+
/>
|
|
395
|
+
<label
|
|
396
|
+
class="radioLabel pointer"
|
|
397
|
+
>
|
|
398
|
+
<svg
|
|
399
|
+
viewBox="0 0 40 40"
|
|
400
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
401
|
+
>
|
|
402
|
+
<circle
|
|
403
|
+
class="rdBox"
|
|
404
|
+
cx="20"
|
|
405
|
+
cy="20"
|
|
406
|
+
r="19"
|
|
407
|
+
/>
|
|
408
|
+
</svg>
|
|
409
|
+
</label>
|
|
410
|
+
</div>
|
|
411
|
+
<div
|
|
412
|
+
class="text grow basis shrinkOff"
|
|
413
|
+
data-id="boxComponent"
|
|
414
|
+
data-selector-id="box"
|
|
415
|
+
data-test-id="boxComponent"
|
|
416
|
+
>
|
|
417
|
+
<label
|
|
418
|
+
class="label title medium primary font_default
|
|
419
|
+
dotted cursor
|
|
420
|
+
primaryLabel pointer "
|
|
421
|
+
data-id="RadioText_label"
|
|
422
|
+
data-selector-id="label"
|
|
423
|
+
data-test-id="RadioText_label"
|
|
424
|
+
data-title="RadioText"
|
|
425
|
+
>
|
|
426
|
+
RadioText
|
|
427
|
+
</label>
|
|
428
|
+
</div>
|
|
429
|
+
</div>
|
|
430
|
+
</DocumentFragment>
|
|
431
|
+
`;
|
|
432
|
+
|
|
433
|
+
exports[`Radio rendering labelSize - default 1`] = `
|
|
434
|
+
<DocumentFragment>
|
|
435
|
+
<div
|
|
436
|
+
aria-checked="false"
|
|
437
|
+
aria-readonly="false"
|
|
438
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
439
|
+
data-id="RadioComp"
|
|
440
|
+
data-selector-id="container"
|
|
441
|
+
data-test-id="RadioComp"
|
|
442
|
+
role="radio"
|
|
443
|
+
tabindex="0"
|
|
444
|
+
>
|
|
445
|
+
<div
|
|
446
|
+
class="radio
|
|
447
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
448
|
+
data-id="boxComponent"
|
|
449
|
+
data-selector-id="box"
|
|
450
|
+
data-test-id="boxComponent"
|
|
451
|
+
>
|
|
452
|
+
<input
|
|
453
|
+
type="hidden"
|
|
454
|
+
value=""
|
|
455
|
+
/>
|
|
456
|
+
<label
|
|
457
|
+
class="radioLabel pointer"
|
|
458
|
+
>
|
|
459
|
+
<svg
|
|
460
|
+
viewBox="0 0 40 40"
|
|
461
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
462
|
+
>
|
|
463
|
+
<circle
|
|
464
|
+
class="rdBox"
|
|
465
|
+
cx="20"
|
|
466
|
+
cy="20"
|
|
467
|
+
r="19"
|
|
468
|
+
/>
|
|
469
|
+
</svg>
|
|
470
|
+
</label>
|
|
471
|
+
</div>
|
|
472
|
+
<div
|
|
473
|
+
class="text grow basis shrinkOff"
|
|
474
|
+
data-id="boxComponent"
|
|
475
|
+
data-selector-id="box"
|
|
476
|
+
data-test-id="boxComponent"
|
|
477
|
+
>
|
|
478
|
+
<label
|
|
479
|
+
class="label title medium default font_default
|
|
480
|
+
dotted cursor
|
|
481
|
+
primaryLabel pointer "
|
|
482
|
+
data-id="RadioText_label"
|
|
483
|
+
data-selector-id="label"
|
|
484
|
+
data-test-id="RadioText_label"
|
|
485
|
+
data-title="RadioText"
|
|
486
|
+
>
|
|
487
|
+
RadioText
|
|
488
|
+
</label>
|
|
489
|
+
</div>
|
|
490
|
+
</div>
|
|
491
|
+
</DocumentFragment>
|
|
492
|
+
`;
|
|
493
|
+
|
|
494
|
+
exports[`Radio rendering labelSize - large 1`] = `
|
|
495
|
+
<DocumentFragment>
|
|
496
|
+
<div
|
|
497
|
+
aria-checked="false"
|
|
498
|
+
aria-readonly="false"
|
|
499
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
500
|
+
data-id="RadioComp"
|
|
501
|
+
data-selector-id="container"
|
|
502
|
+
data-test-id="RadioComp"
|
|
503
|
+
role="radio"
|
|
504
|
+
tabindex="0"
|
|
505
|
+
>
|
|
506
|
+
<div
|
|
507
|
+
class="radio
|
|
508
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
509
|
+
data-id="boxComponent"
|
|
510
|
+
data-selector-id="box"
|
|
511
|
+
data-test-id="boxComponent"
|
|
512
|
+
>
|
|
513
|
+
<input
|
|
514
|
+
type="hidden"
|
|
515
|
+
value=""
|
|
516
|
+
/>
|
|
517
|
+
<label
|
|
518
|
+
class="radioLabel pointer"
|
|
519
|
+
>
|
|
520
|
+
<svg
|
|
521
|
+
viewBox="0 0 40 40"
|
|
522
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
523
|
+
>
|
|
524
|
+
<circle
|
|
525
|
+
class="rdBox"
|
|
526
|
+
cx="20"
|
|
527
|
+
cy="20"
|
|
528
|
+
r="19"
|
|
529
|
+
/>
|
|
530
|
+
</svg>
|
|
531
|
+
</label>
|
|
532
|
+
</div>
|
|
533
|
+
<div
|
|
534
|
+
class="text grow basis shrinkOff"
|
|
535
|
+
data-id="boxComponent"
|
|
536
|
+
data-selector-id="box"
|
|
537
|
+
data-test-id="boxComponent"
|
|
538
|
+
>
|
|
539
|
+
<label
|
|
540
|
+
class="label title large default font_default
|
|
541
|
+
dotted cursor
|
|
542
|
+
primaryLabel pointer "
|
|
543
|
+
data-id="RadioText_label"
|
|
544
|
+
data-selector-id="label"
|
|
545
|
+
data-test-id="RadioText_label"
|
|
546
|
+
data-title="RadioText"
|
|
547
|
+
>
|
|
548
|
+
RadioText
|
|
549
|
+
</label>
|
|
550
|
+
</div>
|
|
551
|
+
</div>
|
|
552
|
+
</DocumentFragment>
|
|
553
|
+
`;
|
|
554
|
+
|
|
555
|
+
exports[`Radio rendering labelSize - medium 1`] = `
|
|
556
|
+
<DocumentFragment>
|
|
557
|
+
<div
|
|
558
|
+
aria-checked="false"
|
|
559
|
+
aria-readonly="false"
|
|
560
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
561
|
+
data-id="RadioComp"
|
|
562
|
+
data-selector-id="container"
|
|
563
|
+
data-test-id="RadioComp"
|
|
564
|
+
role="radio"
|
|
565
|
+
tabindex="0"
|
|
566
|
+
>
|
|
567
|
+
<div
|
|
568
|
+
class="radio
|
|
569
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
570
|
+
data-id="boxComponent"
|
|
571
|
+
data-selector-id="box"
|
|
572
|
+
data-test-id="boxComponent"
|
|
573
|
+
>
|
|
574
|
+
<input
|
|
575
|
+
type="hidden"
|
|
576
|
+
value=""
|
|
577
|
+
/>
|
|
578
|
+
<label
|
|
579
|
+
class="radioLabel pointer"
|
|
580
|
+
>
|
|
581
|
+
<svg
|
|
582
|
+
viewBox="0 0 40 40"
|
|
583
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
584
|
+
>
|
|
585
|
+
<circle
|
|
586
|
+
class="rdBox"
|
|
587
|
+
cx="20"
|
|
588
|
+
cy="20"
|
|
589
|
+
r="19"
|
|
590
|
+
/>
|
|
591
|
+
</svg>
|
|
592
|
+
</label>
|
|
593
|
+
</div>
|
|
594
|
+
<div
|
|
595
|
+
class="text grow basis shrinkOff"
|
|
596
|
+
data-id="boxComponent"
|
|
597
|
+
data-selector-id="box"
|
|
598
|
+
data-test-id="boxComponent"
|
|
599
|
+
>
|
|
600
|
+
<label
|
|
601
|
+
class="label title medium default font_default
|
|
602
|
+
dotted cursor
|
|
603
|
+
primaryLabel pointer "
|
|
604
|
+
data-id="RadioText_label"
|
|
605
|
+
data-selector-id="label"
|
|
606
|
+
data-test-id="RadioText_label"
|
|
607
|
+
data-title="RadioText"
|
|
608
|
+
>
|
|
609
|
+
RadioText
|
|
610
|
+
</label>
|
|
611
|
+
</div>
|
|
612
|
+
</div>
|
|
613
|
+
</DocumentFragment>
|
|
614
|
+
`;
|
|
615
|
+
|
|
616
|
+
exports[`Radio rendering labelSize - primary 1`] = `
|
|
617
|
+
<DocumentFragment>
|
|
618
|
+
<div
|
|
619
|
+
aria-checked="false"
|
|
620
|
+
aria-readonly="false"
|
|
621
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
622
|
+
data-id="RadioComp"
|
|
623
|
+
data-selector-id="container"
|
|
624
|
+
data-test-id="RadioComp"
|
|
625
|
+
role="radio"
|
|
626
|
+
tabindex="0"
|
|
627
|
+
>
|
|
628
|
+
<div
|
|
629
|
+
class="radio
|
|
630
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
631
|
+
data-id="boxComponent"
|
|
632
|
+
data-selector-id="box"
|
|
633
|
+
data-test-id="boxComponent"
|
|
634
|
+
>
|
|
635
|
+
<input
|
|
636
|
+
type="hidden"
|
|
637
|
+
value=""
|
|
638
|
+
/>
|
|
639
|
+
<label
|
|
640
|
+
class="radioLabel pointer"
|
|
641
|
+
>
|
|
642
|
+
<svg
|
|
643
|
+
viewBox="0 0 40 40"
|
|
644
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
645
|
+
>
|
|
646
|
+
<circle
|
|
647
|
+
class="rdBox"
|
|
648
|
+
cx="20"
|
|
649
|
+
cy="20"
|
|
650
|
+
r="19"
|
|
651
|
+
/>
|
|
652
|
+
</svg>
|
|
653
|
+
</label>
|
|
654
|
+
</div>
|
|
655
|
+
<div
|
|
656
|
+
class="text grow basis shrinkOff"
|
|
657
|
+
data-id="boxComponent"
|
|
658
|
+
data-selector-id="box"
|
|
659
|
+
data-test-id="boxComponent"
|
|
660
|
+
>
|
|
661
|
+
<label
|
|
662
|
+
class="label title medium default font_primary
|
|
663
|
+
dotted cursor
|
|
664
|
+
primaryLabel pointer "
|
|
665
|
+
data-id="RadioText_label"
|
|
666
|
+
data-selector-id="label"
|
|
667
|
+
data-test-id="RadioText_label"
|
|
668
|
+
data-title="RadioText"
|
|
669
|
+
>
|
|
670
|
+
RadioText
|
|
671
|
+
</label>
|
|
672
|
+
</div>
|
|
673
|
+
</div>
|
|
674
|
+
</DocumentFragment>
|
|
675
|
+
`;
|
|
676
|
+
|
|
677
|
+
exports[`Radio rendering labelSize - small 1`] = `
|
|
678
|
+
<DocumentFragment>
|
|
679
|
+
<div
|
|
680
|
+
aria-checked="false"
|
|
681
|
+
aria-readonly="false"
|
|
682
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
683
|
+
data-id="RadioComp"
|
|
684
|
+
data-selector-id="container"
|
|
685
|
+
data-test-id="RadioComp"
|
|
686
|
+
role="radio"
|
|
687
|
+
tabindex="0"
|
|
688
|
+
>
|
|
689
|
+
<div
|
|
690
|
+
class="radio
|
|
691
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
692
|
+
data-id="boxComponent"
|
|
693
|
+
data-selector-id="box"
|
|
694
|
+
data-test-id="boxComponent"
|
|
695
|
+
>
|
|
696
|
+
<input
|
|
697
|
+
type="hidden"
|
|
698
|
+
value=""
|
|
699
|
+
/>
|
|
700
|
+
<label
|
|
701
|
+
class="radioLabel pointer"
|
|
702
|
+
>
|
|
703
|
+
<svg
|
|
704
|
+
viewBox="0 0 40 40"
|
|
705
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
706
|
+
>
|
|
707
|
+
<circle
|
|
708
|
+
class="rdBox"
|
|
709
|
+
cx="20"
|
|
710
|
+
cy="20"
|
|
711
|
+
r="19"
|
|
712
|
+
/>
|
|
713
|
+
</svg>
|
|
714
|
+
</label>
|
|
715
|
+
</div>
|
|
716
|
+
<div
|
|
717
|
+
class="text grow basis shrinkOff"
|
|
718
|
+
data-id="boxComponent"
|
|
719
|
+
data-selector-id="box"
|
|
720
|
+
data-test-id="boxComponent"
|
|
721
|
+
>
|
|
722
|
+
<label
|
|
723
|
+
class="label title small default font_default
|
|
724
|
+
dotted cursor
|
|
725
|
+
primaryLabel pointer "
|
|
726
|
+
data-id="RadioText_label"
|
|
727
|
+
data-selector-id="label"
|
|
728
|
+
data-test-id="RadioText_label"
|
|
729
|
+
data-title="RadioText"
|
|
730
|
+
>
|
|
731
|
+
RadioText
|
|
732
|
+
</label>
|
|
733
|
+
</div>
|
|
734
|
+
</div>
|
|
735
|
+
</DocumentFragment>
|
|
736
|
+
`;
|
|
737
|
+
|
|
738
|
+
exports[`Radio rendering palette - danger 1`] = `
|
|
739
|
+
<DocumentFragment>
|
|
740
|
+
<div
|
|
741
|
+
aria-checked="false"
|
|
742
|
+
aria-readonly="false"
|
|
743
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
744
|
+
data-id="RadioComp"
|
|
745
|
+
data-selector-id="container"
|
|
746
|
+
data-test-id="RadioComp"
|
|
747
|
+
role="radio"
|
|
748
|
+
tabindex="0"
|
|
749
|
+
>
|
|
750
|
+
<div
|
|
751
|
+
class="radio
|
|
752
|
+
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
753
|
+
data-id="boxComponent"
|
|
754
|
+
data-selector-id="box"
|
|
755
|
+
data-test-id="boxComponent"
|
|
756
|
+
>
|
|
757
|
+
<input
|
|
758
|
+
type="hidden"
|
|
759
|
+
value=""
|
|
760
|
+
/>
|
|
761
|
+
<label
|
|
762
|
+
class="radioLabel pointer"
|
|
763
|
+
>
|
|
764
|
+
<svg
|
|
765
|
+
viewBox="0 0 40 40"
|
|
766
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
767
|
+
>
|
|
768
|
+
<circle
|
|
769
|
+
class="rdBox"
|
|
770
|
+
cx="20"
|
|
771
|
+
cy="20"
|
|
772
|
+
r="19"
|
|
773
|
+
/>
|
|
774
|
+
</svg>
|
|
775
|
+
</label>
|
|
776
|
+
</div>
|
|
777
|
+
</div>
|
|
778
|
+
</DocumentFragment>
|
|
779
|
+
`;
|
|
780
|
+
|
|
781
|
+
exports[`Radio rendering palette - primary 1`] = `
|
|
782
|
+
<DocumentFragment>
|
|
783
|
+
<div
|
|
784
|
+
aria-checked="false"
|
|
785
|
+
aria-readonly="false"
|
|
786
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
787
|
+
data-id="RadioComp"
|
|
788
|
+
data-selector-id="container"
|
|
789
|
+
data-test-id="RadioComp"
|
|
790
|
+
role="radio"
|
|
791
|
+
tabindex="0"
|
|
792
|
+
>
|
|
793
|
+
<div
|
|
794
|
+
class="radio
|
|
795
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
796
|
+
data-id="boxComponent"
|
|
797
|
+
data-selector-id="box"
|
|
798
|
+
data-test-id="boxComponent"
|
|
799
|
+
>
|
|
800
|
+
<input
|
|
801
|
+
type="hidden"
|
|
802
|
+
value=""
|
|
803
|
+
/>
|
|
804
|
+
<label
|
|
805
|
+
class="radioLabel pointer"
|
|
806
|
+
>
|
|
807
|
+
<svg
|
|
808
|
+
viewBox="0 0 40 40"
|
|
809
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
810
|
+
>
|
|
811
|
+
<circle
|
|
812
|
+
class="rdBox"
|
|
813
|
+
cx="20"
|
|
814
|
+
cy="20"
|
|
815
|
+
r="19"
|
|
816
|
+
/>
|
|
817
|
+
</svg>
|
|
818
|
+
</label>
|
|
819
|
+
</div>
|
|
820
|
+
</div>
|
|
821
|
+
</DocumentFragment>
|
|
822
|
+
`;
|
|
823
|
+
|
|
824
|
+
exports[`Radio rendering size - medium 1`] = `
|
|
825
|
+
<DocumentFragment>
|
|
826
|
+
<div
|
|
827
|
+
aria-checked="false"
|
|
828
|
+
aria-readonly="false"
|
|
829
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
830
|
+
data-id="RadioComp"
|
|
831
|
+
data-selector-id="container"
|
|
832
|
+
data-test-id="RadioComp"
|
|
833
|
+
role="radio"
|
|
834
|
+
tabindex="0"
|
|
835
|
+
>
|
|
836
|
+
<div
|
|
837
|
+
class="radio
|
|
838
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
839
|
+
data-id="boxComponent"
|
|
840
|
+
data-selector-id="box"
|
|
841
|
+
data-test-id="boxComponent"
|
|
842
|
+
>
|
|
843
|
+
<input
|
|
844
|
+
type="hidden"
|
|
845
|
+
value=""
|
|
846
|
+
/>
|
|
847
|
+
<label
|
|
848
|
+
class="radioLabel pointer"
|
|
849
|
+
>
|
|
850
|
+
<svg
|
|
851
|
+
viewBox="0 0 40 40"
|
|
852
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
853
|
+
>
|
|
854
|
+
<circle
|
|
855
|
+
class="rdBox"
|
|
856
|
+
cx="20"
|
|
857
|
+
cy="20"
|
|
858
|
+
r="19"
|
|
859
|
+
/>
|
|
860
|
+
</svg>
|
|
861
|
+
</label>
|
|
862
|
+
</div>
|
|
863
|
+
</div>
|
|
864
|
+
</DocumentFragment>
|
|
865
|
+
`;
|
|
866
|
+
|
|
867
|
+
exports[`Radio rendering size - small 1`] = `
|
|
868
|
+
<DocumentFragment>
|
|
869
|
+
<div
|
|
870
|
+
aria-checked="false"
|
|
871
|
+
aria-readonly="false"
|
|
872
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
873
|
+
data-id="RadioComp"
|
|
874
|
+
data-selector-id="container"
|
|
875
|
+
data-test-id="RadioComp"
|
|
876
|
+
role="radio"
|
|
877
|
+
tabindex="0"
|
|
878
|
+
>
|
|
879
|
+
<div
|
|
880
|
+
class="radio
|
|
881
|
+
hoverprimary small filled centerPathprimary shrinkOff"
|
|
882
|
+
data-id="boxComponent"
|
|
883
|
+
data-selector-id="box"
|
|
884
|
+
data-test-id="boxComponent"
|
|
885
|
+
>
|
|
886
|
+
<input
|
|
887
|
+
type="hidden"
|
|
888
|
+
value=""
|
|
889
|
+
/>
|
|
890
|
+
<label
|
|
891
|
+
class="radioLabel pointer"
|
|
892
|
+
>
|
|
893
|
+
<svg
|
|
894
|
+
viewBox="0 0 40 40"
|
|
895
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
896
|
+
>
|
|
897
|
+
<circle
|
|
898
|
+
class="rdBox"
|
|
899
|
+
cx="20"
|
|
900
|
+
cy="20"
|
|
901
|
+
r="19"
|
|
902
|
+
/>
|
|
903
|
+
</svg>
|
|
904
|
+
</label>
|
|
905
|
+
</div>
|
|
906
|
+
</div>
|
|
907
|
+
</DocumentFragment>
|
|
908
|
+
`;
|
|
909
|
+
|
|
910
|
+
exports[`Radio rendering the Checked is true 1`] = `
|
|
911
|
+
<DocumentFragment>
|
|
912
|
+
<div
|
|
913
|
+
aria-checked="false"
|
|
914
|
+
aria-readonly="false"
|
|
915
|
+
class="container active pointer hoverEfffect flex rowdir both"
|
|
916
|
+
data-id="RadioComp"
|
|
917
|
+
data-selector-id="container"
|
|
918
|
+
data-test-id="RadioComp"
|
|
919
|
+
role="radio"
|
|
920
|
+
tabindex="0"
|
|
921
|
+
>
|
|
922
|
+
<div
|
|
923
|
+
class="radio
|
|
924
|
+
undefined medium filled undefined shrinkOff"
|
|
925
|
+
data-id="boxComponent"
|
|
926
|
+
data-selector-id="box"
|
|
927
|
+
data-test-id="boxComponent"
|
|
928
|
+
>
|
|
929
|
+
<input
|
|
930
|
+
type="hidden"
|
|
931
|
+
value=""
|
|
932
|
+
/>
|
|
933
|
+
<label
|
|
934
|
+
class="radioLabel pointer"
|
|
935
|
+
>
|
|
936
|
+
<svg
|
|
937
|
+
viewBox="0 0 40 40"
|
|
938
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
939
|
+
>
|
|
940
|
+
<circle
|
|
941
|
+
class="rdBox"
|
|
942
|
+
cx="20"
|
|
943
|
+
cy="20"
|
|
944
|
+
r="19"
|
|
945
|
+
/>
|
|
946
|
+
</svg>
|
|
947
|
+
</label>
|
|
948
|
+
</div>
|
|
949
|
+
<div
|
|
950
|
+
class="text grow basis shrinkOff"
|
|
951
|
+
data-id="boxComponent"
|
|
952
|
+
data-selector-id="box"
|
|
953
|
+
data-test-id="boxComponent"
|
|
954
|
+
>
|
|
955
|
+
<label
|
|
956
|
+
class="label title medium default font_default
|
|
957
|
+
dotted cursor
|
|
958
|
+
undefined pointer "
|
|
959
|
+
data-id="RadioText_label"
|
|
960
|
+
data-selector-id="label"
|
|
961
|
+
data-test-id="RadioText_label"
|
|
962
|
+
data-title="RadioText"
|
|
963
|
+
>
|
|
964
|
+
RadioText
|
|
965
|
+
</label>
|
|
966
|
+
</div>
|
|
967
|
+
</div>
|
|
968
|
+
</DocumentFragment>
|
|
969
|
+
`;
|
|
970
|
+
|
|
971
|
+
exports[`Radio rendering the ID 1`] = `
|
|
972
|
+
<DocumentFragment>
|
|
973
|
+
<div
|
|
974
|
+
aria-checked="false"
|
|
975
|
+
aria-readonly="false"
|
|
976
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
977
|
+
data-id="RadioComp"
|
|
978
|
+
data-selector-id="container"
|
|
979
|
+
data-test-id="RadioComp"
|
|
980
|
+
role="radio"
|
|
981
|
+
tabindex="0"
|
|
982
|
+
>
|
|
983
|
+
<div
|
|
984
|
+
class="radio
|
|
985
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
986
|
+
data-id="boxComponent"
|
|
987
|
+
data-selector-id="box"
|
|
988
|
+
data-test-id="boxComponent"
|
|
989
|
+
>
|
|
990
|
+
<input
|
|
991
|
+
id="RadioID"
|
|
992
|
+
type="hidden"
|
|
993
|
+
value=""
|
|
994
|
+
/>
|
|
995
|
+
<label
|
|
996
|
+
class="radioLabel pointer"
|
|
997
|
+
>
|
|
998
|
+
<svg
|
|
999
|
+
viewBox="0 0 40 40"
|
|
1000
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1001
|
+
>
|
|
1002
|
+
<circle
|
|
1003
|
+
class="rdBox"
|
|
1004
|
+
cx="20"
|
|
1005
|
+
cy="20"
|
|
1006
|
+
r="19"
|
|
1007
|
+
/>
|
|
1008
|
+
</svg>
|
|
1009
|
+
</label>
|
|
1010
|
+
</div>
|
|
1011
|
+
</div>
|
|
1012
|
+
</DocumentFragment>
|
|
1013
|
+
`;
|
|
1014
|
+
|
|
1015
|
+
exports[`Radio rendering the Name 1`] = `
|
|
1016
|
+
<DocumentFragment>
|
|
1017
|
+
<div
|
|
1018
|
+
aria-checked="false"
|
|
1019
|
+
aria-readonly="false"
|
|
1020
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
1021
|
+
data-id="RadioComp"
|
|
1022
|
+
data-selector-id="container"
|
|
1023
|
+
data-test-id="RadioComp"
|
|
1024
|
+
role="radio"
|
|
1025
|
+
tabindex="0"
|
|
1026
|
+
>
|
|
1027
|
+
<div
|
|
1028
|
+
class="radio
|
|
1029
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1030
|
+
data-id="boxComponent"
|
|
1031
|
+
data-selector-id="box"
|
|
1032
|
+
data-test-id="boxComponent"
|
|
1033
|
+
>
|
|
1034
|
+
<input
|
|
1035
|
+
name="RadioName"
|
|
1036
|
+
type="hidden"
|
|
1037
|
+
value=""
|
|
1038
|
+
/>
|
|
1039
|
+
<label
|
|
1040
|
+
class="radioLabel pointer"
|
|
1041
|
+
>
|
|
1042
|
+
<svg
|
|
1043
|
+
viewBox="0 0 40 40"
|
|
1044
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1045
|
+
>
|
|
1046
|
+
<circle
|
|
1047
|
+
class="rdBox"
|
|
1048
|
+
cx="20"
|
|
1049
|
+
cy="20"
|
|
1050
|
+
r="19"
|
|
1051
|
+
/>
|
|
1052
|
+
</svg>
|
|
1053
|
+
</label>
|
|
1054
|
+
</div>
|
|
1055
|
+
</div>
|
|
1056
|
+
</DocumentFragment>
|
|
1057
|
+
`;
|
|
1058
|
+
|
|
1059
|
+
exports[`Radio rendering the Value 1`] = `
|
|
1060
|
+
<DocumentFragment>
|
|
1061
|
+
<div
|
|
1062
|
+
aria-checked="false"
|
|
1063
|
+
aria-readonly="false"
|
|
1064
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
1065
|
+
data-id="radiovalue"
|
|
1066
|
+
data-selector-id="container"
|
|
1067
|
+
data-test-id="radiovalue"
|
|
1068
|
+
role="radio"
|
|
1069
|
+
tabindex="0"
|
|
1070
|
+
>
|
|
1071
|
+
<div
|
|
1072
|
+
class="radio
|
|
1073
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1074
|
+
data-id="boxComponent"
|
|
1075
|
+
data-selector-id="box"
|
|
1076
|
+
data-test-id="boxComponent"
|
|
1077
|
+
>
|
|
1078
|
+
<input
|
|
1079
|
+
type="hidden"
|
|
1080
|
+
value="RadioValue"
|
|
1081
|
+
/>
|
|
1082
|
+
<label
|
|
1083
|
+
class="radioLabel pointer"
|
|
1084
|
+
>
|
|
1085
|
+
<svg
|
|
1086
|
+
viewBox="0 0 40 40"
|
|
1087
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1088
|
+
>
|
|
1089
|
+
<circle
|
|
1090
|
+
class="rdBox"
|
|
1091
|
+
cx="20"
|
|
1092
|
+
cy="20"
|
|
1093
|
+
r="19"
|
|
1094
|
+
/>
|
|
1095
|
+
</svg>
|
|
1096
|
+
</label>
|
|
1097
|
+
</div>
|
|
1098
|
+
</div>
|
|
1099
|
+
</DocumentFragment>
|
|
1100
|
+
`;
|
|
1101
|
+
|
|
1102
|
+
exports[`Radio rendering the accessMode when disabled 1`] = `
|
|
1103
|
+
<DocumentFragment>
|
|
1104
|
+
<div
|
|
1105
|
+
aria-checked="false"
|
|
1106
|
+
aria-readonly="true"
|
|
1107
|
+
class="container disabled flex rowdir both"
|
|
1108
|
+
data-id="RadioComp"
|
|
1109
|
+
data-selector-id="container"
|
|
1110
|
+
data-test-id="RadioComp"
|
|
1111
|
+
role="radio"
|
|
1112
|
+
tabindex="-1"
|
|
1113
|
+
>
|
|
1114
|
+
<div
|
|
1115
|
+
class="radio
|
|
1116
|
+
medium filled centerPathprimary shrinkOff"
|
|
1117
|
+
data-id="boxComponent"
|
|
1118
|
+
data-selector-id="box"
|
|
1119
|
+
data-test-id="boxComponent"
|
|
1120
|
+
>
|
|
1121
|
+
<input
|
|
1122
|
+
type="hidden"
|
|
1123
|
+
value=""
|
|
1124
|
+
/>
|
|
1125
|
+
<label
|
|
1126
|
+
class="radioLabel disabled"
|
|
1127
|
+
>
|
|
1128
|
+
<svg
|
|
1129
|
+
viewBox="0 0 40 40"
|
|
1130
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1131
|
+
>
|
|
1132
|
+
<circle
|
|
1133
|
+
class="rdBox"
|
|
1134
|
+
cx="20"
|
|
1135
|
+
cy="20"
|
|
1136
|
+
r="19"
|
|
1137
|
+
/>
|
|
1138
|
+
</svg>
|
|
1139
|
+
</label>
|
|
1140
|
+
</div>
|
|
1141
|
+
<div
|
|
1142
|
+
class="text grow basis shrinkOff"
|
|
1143
|
+
data-id="boxComponent"
|
|
1144
|
+
data-selector-id="box"
|
|
1145
|
+
data-test-id="boxComponent"
|
|
1146
|
+
>
|
|
1147
|
+
<label
|
|
1148
|
+
class="label title medium disable font_default
|
|
1149
|
+
dotted cursor
|
|
1150
|
+
primaryLabel disabled "
|
|
1151
|
+
data-id="RadioText_label"
|
|
1152
|
+
data-selector-id="label"
|
|
1153
|
+
data-test-id="RadioText_label"
|
|
1154
|
+
data-title="RadioText"
|
|
1155
|
+
>
|
|
1156
|
+
RadioText
|
|
1157
|
+
</label>
|
|
1158
|
+
</div>
|
|
1159
|
+
</div>
|
|
1160
|
+
</DocumentFragment>
|
|
1161
|
+
`;
|
|
1162
|
+
|
|
1163
|
+
exports[`Radio rendering the accessMode when isReadOnly 1`] = `
|
|
1164
|
+
<DocumentFragment>
|
|
1165
|
+
<div
|
|
1166
|
+
aria-checked="false"
|
|
1167
|
+
aria-readonly="true"
|
|
1168
|
+
class="container readonly flex rowdir both"
|
|
1169
|
+
data-id="RadioComp"
|
|
1170
|
+
data-selector-id="container"
|
|
1171
|
+
data-test-id="RadioComp"
|
|
1172
|
+
role="radio"
|
|
1173
|
+
tabindex="-1"
|
|
1174
|
+
>
|
|
1175
|
+
<div
|
|
1176
|
+
class="radio
|
|
1177
|
+
medium filled centerPathprimary shrinkOff"
|
|
1178
|
+
data-id="boxComponent"
|
|
1179
|
+
data-selector-id="box"
|
|
1180
|
+
data-test-id="boxComponent"
|
|
1181
|
+
>
|
|
1182
|
+
<input
|
|
1183
|
+
type="hidden"
|
|
1184
|
+
value=""
|
|
1185
|
+
/>
|
|
1186
|
+
<label
|
|
1187
|
+
class="radioLabel readonly"
|
|
1188
|
+
>
|
|
1189
|
+
<svg
|
|
1190
|
+
viewBox="0 0 40 40"
|
|
1191
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1192
|
+
>
|
|
1193
|
+
<circle
|
|
1194
|
+
class="rdBox"
|
|
1195
|
+
cx="20"
|
|
1196
|
+
cy="20"
|
|
1197
|
+
r="19"
|
|
1198
|
+
/>
|
|
1199
|
+
</svg>
|
|
1200
|
+
</label>
|
|
1201
|
+
</div>
|
|
1202
|
+
<div
|
|
1203
|
+
class="text grow basis shrinkOff"
|
|
1204
|
+
data-id="boxComponent"
|
|
1205
|
+
data-selector-id="box"
|
|
1206
|
+
data-test-id="boxComponent"
|
|
1207
|
+
>
|
|
1208
|
+
<label
|
|
1209
|
+
class="label title medium default font_default
|
|
1210
|
+
dotted cursor
|
|
1211
|
+
primaryLabel readonly "
|
|
1212
|
+
data-id="RadioText_label"
|
|
1213
|
+
data-selector-id="label"
|
|
1214
|
+
data-test-id="RadioText_label"
|
|
1215
|
+
data-title="RadioText"
|
|
1216
|
+
>
|
|
1217
|
+
RadioText
|
|
1218
|
+
</label>
|
|
1219
|
+
</div>
|
|
1220
|
+
</div>
|
|
1221
|
+
</DocumentFragment>
|
|
1222
|
+
`;
|
|
1223
|
+
|
|
1224
|
+
exports[`Radio rendering the active is true - danger 1`] = `
|
|
1225
|
+
<DocumentFragment>
|
|
1226
|
+
<div
|
|
1227
|
+
aria-checked="true"
|
|
1228
|
+
aria-readonly="false"
|
|
1229
|
+
class="container active pointer hoverEfffect checked flex rowdir both"
|
|
1230
|
+
data-id="RadioComp"
|
|
1231
|
+
data-selector-id="container"
|
|
1232
|
+
data-test-id="RadioComp"
|
|
1233
|
+
role="radio"
|
|
1234
|
+
tabindex="0"
|
|
1235
|
+
>
|
|
1236
|
+
<div
|
|
1237
|
+
class="radio rdBoxdanger
|
|
1238
|
+
hoverdanger medium filled centerPathdanger shrinkOff"
|
|
1239
|
+
data-id="boxComponent"
|
|
1240
|
+
data-selector-id="box"
|
|
1241
|
+
data-test-id="boxComponent"
|
|
1242
|
+
>
|
|
1243
|
+
<input
|
|
1244
|
+
type="hidden"
|
|
1245
|
+
value=""
|
|
1246
|
+
/>
|
|
1247
|
+
<label
|
|
1248
|
+
class="radioLabel pointer"
|
|
1249
|
+
>
|
|
1250
|
+
<svg
|
|
1251
|
+
viewBox="0 0 40 40"
|
|
1252
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1253
|
+
>
|
|
1254
|
+
<circle
|
|
1255
|
+
class="rdBox"
|
|
1256
|
+
cx="20"
|
|
1257
|
+
cy="20"
|
|
1258
|
+
r="19"
|
|
1259
|
+
/>
|
|
1260
|
+
<circle
|
|
1261
|
+
class="centerPath"
|
|
1262
|
+
cx="20"
|
|
1263
|
+
cy="20"
|
|
1264
|
+
r="11.03"
|
|
1265
|
+
/>
|
|
1266
|
+
</svg>
|
|
1267
|
+
</label>
|
|
1268
|
+
</div>
|
|
1269
|
+
<div
|
|
1270
|
+
class="text grow basis shrinkOff"
|
|
1271
|
+
data-id="boxComponent"
|
|
1272
|
+
data-selector-id="box"
|
|
1273
|
+
data-test-id="boxComponent"
|
|
1274
|
+
>
|
|
1275
|
+
<label
|
|
1276
|
+
class="label title medium default font_default
|
|
1277
|
+
dotted cursor dangercheckedActive
|
|
1278
|
+
dangerLabel pointer "
|
|
1279
|
+
data-id="RadioText_label"
|
|
1280
|
+
data-selector-id="label"
|
|
1281
|
+
data-test-id="RadioText_label"
|
|
1282
|
+
data-title="RadioText"
|
|
1283
|
+
>
|
|
1284
|
+
RadioText
|
|
1285
|
+
</label>
|
|
1286
|
+
</div>
|
|
1287
|
+
</div>
|
|
1288
|
+
</DocumentFragment>
|
|
1289
|
+
`;
|
|
1290
|
+
|
|
1291
|
+
exports[`Radio rendering the active is true - primary 1`] = `
|
|
1292
|
+
<DocumentFragment>
|
|
1293
|
+
<div
|
|
1294
|
+
aria-checked="true"
|
|
1295
|
+
aria-readonly="false"
|
|
1296
|
+
class="container active pointer hoverEfffect checked flex rowdir both"
|
|
1297
|
+
data-id="RadioComp"
|
|
1298
|
+
data-selector-id="container"
|
|
1299
|
+
data-test-id="RadioComp"
|
|
1300
|
+
role="radio"
|
|
1301
|
+
tabindex="0"
|
|
1302
|
+
>
|
|
1303
|
+
<div
|
|
1304
|
+
class="radio rdBoxprimary
|
|
1305
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1306
|
+
data-id="boxComponent"
|
|
1307
|
+
data-selector-id="box"
|
|
1308
|
+
data-test-id="boxComponent"
|
|
1309
|
+
>
|
|
1310
|
+
<input
|
|
1311
|
+
type="hidden"
|
|
1312
|
+
value=""
|
|
1313
|
+
/>
|
|
1314
|
+
<label
|
|
1315
|
+
class="radioLabel pointer"
|
|
1316
|
+
>
|
|
1317
|
+
<svg
|
|
1318
|
+
viewBox="0 0 40 40"
|
|
1319
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1320
|
+
>
|
|
1321
|
+
<circle
|
|
1322
|
+
class="rdBox"
|
|
1323
|
+
cx="20"
|
|
1324
|
+
cy="20"
|
|
1325
|
+
r="19"
|
|
1326
|
+
/>
|
|
1327
|
+
<circle
|
|
1328
|
+
class="centerPath"
|
|
1329
|
+
cx="20"
|
|
1330
|
+
cy="20"
|
|
1331
|
+
r="11.03"
|
|
1332
|
+
/>
|
|
1333
|
+
</svg>
|
|
1334
|
+
</label>
|
|
1335
|
+
</div>
|
|
1336
|
+
<div
|
|
1337
|
+
class="text grow basis shrinkOff"
|
|
1338
|
+
data-id="boxComponent"
|
|
1339
|
+
data-selector-id="box"
|
|
1340
|
+
data-test-id="boxComponent"
|
|
1341
|
+
>
|
|
1342
|
+
<label
|
|
1343
|
+
class="label title medium default font_default
|
|
1344
|
+
dotted cursor primarycheckedActive
|
|
1345
|
+
primaryLabel pointer "
|
|
1346
|
+
data-id="RadioText_label"
|
|
1347
|
+
data-selector-id="label"
|
|
1348
|
+
data-test-id="RadioText_label"
|
|
1349
|
+
data-title="RadioText"
|
|
1350
|
+
>
|
|
1351
|
+
RadioText
|
|
1352
|
+
</label>
|
|
1353
|
+
</div>
|
|
1354
|
+
</div>
|
|
1355
|
+
</DocumentFragment>
|
|
1356
|
+
`;
|
|
1357
|
+
|
|
1358
|
+
exports[`Radio rendering the customClass of customRadioWrap,customRadio,customLabel 1`] = `
|
|
1359
|
+
<DocumentFragment>
|
|
1360
|
+
<div
|
|
1361
|
+
aria-checked="false"
|
|
1362
|
+
aria-readonly="false"
|
|
1363
|
+
class="container pointer hoverEfffect CustomClassCustomRadioWrap flex rowdir both"
|
|
1364
|
+
data-id="RadioComp"
|
|
1365
|
+
data-selector-id="container"
|
|
1366
|
+
data-test-id="RadioComp"
|
|
1367
|
+
role="radio"
|
|
1368
|
+
tabindex="0"
|
|
1369
|
+
>
|
|
1370
|
+
<div
|
|
1371
|
+
class="radio
|
|
1372
|
+
hoverprimary medium filled centerPathprimary CustomClassCustomRadio shrinkOff"
|
|
1373
|
+
data-id="boxComponent"
|
|
1374
|
+
data-selector-id="box"
|
|
1375
|
+
data-test-id="boxComponent"
|
|
1376
|
+
>
|
|
1377
|
+
<input
|
|
1378
|
+
type="hidden"
|
|
1379
|
+
value=""
|
|
1380
|
+
/>
|
|
1381
|
+
<label
|
|
1382
|
+
class="radioLabel pointer"
|
|
1383
|
+
>
|
|
1384
|
+
<svg
|
|
1385
|
+
viewBox="0 0 40 40"
|
|
1386
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1387
|
+
>
|
|
1388
|
+
<circle
|
|
1389
|
+
class="rdBox"
|
|
1390
|
+
cx="20"
|
|
1391
|
+
cy="20"
|
|
1392
|
+
r="19"
|
|
1393
|
+
/>
|
|
1394
|
+
</svg>
|
|
1395
|
+
</label>
|
|
1396
|
+
</div>
|
|
1397
|
+
<div
|
|
1398
|
+
class="text grow basis shrinkOff"
|
|
1399
|
+
data-id="boxComponent"
|
|
1400
|
+
data-selector-id="box"
|
|
1401
|
+
data-test-id="boxComponent"
|
|
1402
|
+
>
|
|
1403
|
+
<label
|
|
1404
|
+
class="label title medium default font_default
|
|
1405
|
+
dotted cursor
|
|
1406
|
+
primaryLabel pointer CustomClassCustomLabel "
|
|
1407
|
+
data-id="RadioText_label"
|
|
1408
|
+
data-selector-id="label"
|
|
1409
|
+
data-test-id="RadioText_label"
|
|
1410
|
+
data-title="RadioText"
|
|
1411
|
+
>
|
|
1412
|
+
RadioText
|
|
1413
|
+
</label>
|
|
1414
|
+
</div>
|
|
1415
|
+
</div>
|
|
1416
|
+
</DocumentFragment>
|
|
1417
|
+
`;
|
|
1418
|
+
|
|
1419
|
+
exports[`Radio rendering the defult props 1`] = `
|
|
1420
|
+
<DocumentFragment>
|
|
1421
|
+
<div
|
|
1422
|
+
aria-checked="false"
|
|
1423
|
+
aria-readonly="false"
|
|
1424
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
1425
|
+
data-id="RadioComp"
|
|
1426
|
+
data-selector-id="container"
|
|
1427
|
+
data-test-id="RadioComp"
|
|
1428
|
+
role="radio"
|
|
1429
|
+
tabindex="0"
|
|
1430
|
+
>
|
|
1431
|
+
<div
|
|
1432
|
+
class="radio
|
|
1433
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1434
|
+
data-id="boxComponent"
|
|
1435
|
+
data-selector-id="box"
|
|
1436
|
+
data-test-id="boxComponent"
|
|
1437
|
+
>
|
|
1438
|
+
<input
|
|
1439
|
+
type="hidden"
|
|
1440
|
+
value=""
|
|
1441
|
+
/>
|
|
1442
|
+
<label
|
|
1443
|
+
class="radioLabel pointer"
|
|
1444
|
+
>
|
|
1445
|
+
<svg
|
|
1446
|
+
viewBox="0 0 40 40"
|
|
1447
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1448
|
+
>
|
|
1449
|
+
<circle
|
|
1450
|
+
class="rdBox"
|
|
1451
|
+
cx="20"
|
|
1452
|
+
cy="20"
|
|
1453
|
+
r="19"
|
|
1454
|
+
/>
|
|
1455
|
+
</svg>
|
|
1456
|
+
</label>
|
|
1457
|
+
</div>
|
|
1458
|
+
</div>
|
|
1459
|
+
</DocumentFragment>
|
|
1460
|
+
`;
|
|
1461
|
+
|
|
1462
|
+
exports[`Radio rendering the disabled is true 1`] = `
|
|
1463
|
+
<DocumentFragment>
|
|
1464
|
+
<div
|
|
1465
|
+
aria-checked="false"
|
|
1466
|
+
aria-readonly="true"
|
|
1467
|
+
class="container disabled flex rowdir both"
|
|
1468
|
+
data-id="RadioComp"
|
|
1469
|
+
data-selector-id="container"
|
|
1470
|
+
data-test-id="RadioComp"
|
|
1471
|
+
role="radio"
|
|
1472
|
+
tabindex="-1"
|
|
1473
|
+
>
|
|
1474
|
+
<div
|
|
1475
|
+
class="radio
|
|
1476
|
+
medium filled undefined shrinkOff"
|
|
1477
|
+
data-id="boxComponent"
|
|
1478
|
+
data-selector-id="box"
|
|
1479
|
+
data-test-id="boxComponent"
|
|
1480
|
+
>
|
|
1481
|
+
<input
|
|
1482
|
+
type="hidden"
|
|
1483
|
+
value=""
|
|
1484
|
+
/>
|
|
1485
|
+
<label
|
|
1486
|
+
class="radioLabel disabled"
|
|
1487
|
+
>
|
|
1488
|
+
<svg
|
|
1489
|
+
viewBox="0 0 40 40"
|
|
1490
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1491
|
+
>
|
|
1492
|
+
<circle
|
|
1493
|
+
class="rdBox"
|
|
1494
|
+
cx="20"
|
|
1495
|
+
cy="20"
|
|
1496
|
+
r="19"
|
|
1497
|
+
/>
|
|
1498
|
+
</svg>
|
|
1499
|
+
</label>
|
|
1500
|
+
</div>
|
|
1501
|
+
<div
|
|
1502
|
+
class="text grow basis shrinkOff"
|
|
1503
|
+
data-id="boxComponent"
|
|
1504
|
+
data-selector-id="box"
|
|
1505
|
+
data-test-id="boxComponent"
|
|
1506
|
+
>
|
|
1507
|
+
<label
|
|
1508
|
+
class="label title medium disable font_default
|
|
1509
|
+
dotted cursor
|
|
1510
|
+
undefined disabled "
|
|
1511
|
+
data-id="RadioText_label"
|
|
1512
|
+
data-selector-id="label"
|
|
1513
|
+
data-test-id="RadioText_label"
|
|
1514
|
+
data-title="RadioText"
|
|
1515
|
+
>
|
|
1516
|
+
RadioText
|
|
1517
|
+
</label>
|
|
1518
|
+
</div>
|
|
1519
|
+
</div>
|
|
1520
|
+
</DocumentFragment>
|
|
1521
|
+
`;
|
|
1522
|
+
|
|
1523
|
+
exports[`Radio rendering the disabledTitle 1`] = `
|
|
1524
|
+
<DocumentFragment>
|
|
1525
|
+
<div
|
|
1526
|
+
aria-checked="false"
|
|
1527
|
+
aria-readonly="true"
|
|
1528
|
+
class="container disabled flex rowdir both"
|
|
1529
|
+
data-id="RadioComp"
|
|
1530
|
+
data-selector-id="container"
|
|
1531
|
+
data-test-id="RadioComp"
|
|
1532
|
+
data-title="radioDisableTitle"
|
|
1533
|
+
role="radio"
|
|
1534
|
+
tabindex="-1"
|
|
1535
|
+
>
|
|
1536
|
+
<div
|
|
1537
|
+
class="radio
|
|
1538
|
+
medium filled centerPathprimary shrinkOff"
|
|
1539
|
+
data-id="boxComponent"
|
|
1540
|
+
data-selector-id="box"
|
|
1541
|
+
data-test-id="boxComponent"
|
|
1542
|
+
>
|
|
1543
|
+
<input
|
|
1544
|
+
type="hidden"
|
|
1545
|
+
value=""
|
|
1546
|
+
/>
|
|
1547
|
+
<label
|
|
1548
|
+
class="radioLabel disabled"
|
|
1549
|
+
>
|
|
1550
|
+
<svg
|
|
1551
|
+
viewBox="0 0 40 40"
|
|
1552
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1553
|
+
>
|
|
1554
|
+
<circle
|
|
1555
|
+
class="rdBox"
|
|
1556
|
+
cx="20"
|
|
1557
|
+
cy="20"
|
|
1558
|
+
r="19"
|
|
1559
|
+
/>
|
|
1560
|
+
</svg>
|
|
1561
|
+
</label>
|
|
1562
|
+
</div>
|
|
1563
|
+
<div
|
|
1564
|
+
class="text grow basis shrinkOff"
|
|
1565
|
+
data-id="boxComponent"
|
|
1566
|
+
data-selector-id="box"
|
|
1567
|
+
data-test-id="boxComponent"
|
|
1568
|
+
>
|
|
1569
|
+
<label
|
|
1570
|
+
class="label title medium disable font_default
|
|
1571
|
+
dotted cursor
|
|
1572
|
+
primaryLabel disabled "
|
|
1573
|
+
data-id="RadioText_label"
|
|
1574
|
+
data-selector-id="label"
|
|
1575
|
+
data-test-id="RadioText_label"
|
|
1576
|
+
data-title="radioDisableTitle"
|
|
1577
|
+
>
|
|
1578
|
+
RadioText
|
|
1579
|
+
</label>
|
|
1580
|
+
</div>
|
|
1581
|
+
</div>
|
|
1582
|
+
</DocumentFragment>
|
|
1583
|
+
`;
|
|
1584
|
+
|
|
1585
|
+
exports[`Radio rendering the isFilled is false 1`] = `
|
|
1586
|
+
<DocumentFragment>
|
|
1587
|
+
<div
|
|
1588
|
+
aria-checked="false"
|
|
1589
|
+
aria-readonly="false"
|
|
1590
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
1591
|
+
data-id="RadioComp"
|
|
1592
|
+
data-selector-id="container"
|
|
1593
|
+
data-test-id="RadioComp"
|
|
1594
|
+
role="radio"
|
|
1595
|
+
tabindex="0"
|
|
1596
|
+
>
|
|
1597
|
+
<div
|
|
1598
|
+
class="radio
|
|
1599
|
+
hoverprimary medium centerPathprimary shrinkOff"
|
|
1600
|
+
data-id="boxComponent"
|
|
1601
|
+
data-selector-id="box"
|
|
1602
|
+
data-test-id="boxComponent"
|
|
1603
|
+
>
|
|
1604
|
+
<input
|
|
1605
|
+
type="hidden"
|
|
1606
|
+
value=""
|
|
1607
|
+
/>
|
|
1608
|
+
<label
|
|
1609
|
+
class="radioLabel pointer"
|
|
1610
|
+
>
|
|
1611
|
+
<svg
|
|
1612
|
+
viewBox="0 0 40 40"
|
|
1613
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1614
|
+
>
|
|
1615
|
+
<circle
|
|
1616
|
+
class="rdBox"
|
|
1617
|
+
cx="20"
|
|
1618
|
+
cy="20"
|
|
1619
|
+
r="19"
|
|
1620
|
+
/>
|
|
1621
|
+
</svg>
|
|
1622
|
+
</label>
|
|
1623
|
+
</div>
|
|
1624
|
+
</div>
|
|
1625
|
+
</DocumentFragment>
|
|
1626
|
+
`;
|
|
1627
|
+
|
|
1628
|
+
exports[`Radio rendering the isReadOnly is true 1`] = `
|
|
1629
|
+
<DocumentFragment>
|
|
1630
|
+
<div
|
|
1631
|
+
aria-checked="false"
|
|
1632
|
+
aria-readonly="true"
|
|
1633
|
+
class="container readonly inflex rowdir both"
|
|
1634
|
+
data-id="RadioComp"
|
|
1635
|
+
data-selector-id="container"
|
|
1636
|
+
data-test-id="RadioComp"
|
|
1637
|
+
role="radio"
|
|
1638
|
+
tabindex="-1"
|
|
1639
|
+
>
|
|
1640
|
+
<div
|
|
1641
|
+
class="radio
|
|
1642
|
+
medium filled centerPathprimary shrinkOff"
|
|
1643
|
+
data-id="boxComponent"
|
|
1644
|
+
data-selector-id="box"
|
|
1645
|
+
data-test-id="boxComponent"
|
|
1646
|
+
>
|
|
1647
|
+
<input
|
|
1648
|
+
type="hidden"
|
|
1649
|
+
value=""
|
|
1650
|
+
/>
|
|
1651
|
+
<label
|
|
1652
|
+
class="radioLabel readonly"
|
|
1653
|
+
>
|
|
1654
|
+
<svg
|
|
1655
|
+
viewBox="0 0 40 40"
|
|
1656
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1657
|
+
>
|
|
1658
|
+
<circle
|
|
1659
|
+
class="rdBox"
|
|
1660
|
+
cx="20"
|
|
1661
|
+
cy="20"
|
|
1662
|
+
r="19"
|
|
1663
|
+
/>
|
|
1664
|
+
</svg>
|
|
1665
|
+
</label>
|
|
1666
|
+
</div>
|
|
1667
|
+
</div>
|
|
1668
|
+
</DocumentFragment>
|
|
1669
|
+
`;
|
|
1670
|
+
|
|
1671
|
+
exports[`Radio rendering the text 1`] = `
|
|
1672
|
+
<DocumentFragment>
|
|
1673
|
+
<div
|
|
1674
|
+
aria-checked="false"
|
|
1675
|
+
aria-readonly="false"
|
|
1676
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
1677
|
+
data-id="RadioComp"
|
|
1678
|
+
data-selector-id="container"
|
|
1679
|
+
data-test-id="RadioComp"
|
|
1680
|
+
role="radio"
|
|
1681
|
+
tabindex="0"
|
|
1682
|
+
>
|
|
1683
|
+
<div
|
|
1684
|
+
class="radio
|
|
1685
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1686
|
+
data-id="boxComponent"
|
|
1687
|
+
data-selector-id="box"
|
|
1688
|
+
data-test-id="boxComponent"
|
|
1689
|
+
>
|
|
1690
|
+
<input
|
|
1691
|
+
type="hidden"
|
|
1692
|
+
value=""
|
|
1693
|
+
/>
|
|
1694
|
+
<label
|
|
1695
|
+
class="radioLabel pointer"
|
|
1696
|
+
>
|
|
1697
|
+
<svg
|
|
1698
|
+
viewBox="0 0 40 40"
|
|
1699
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1700
|
+
>
|
|
1701
|
+
<circle
|
|
1702
|
+
class="rdBox"
|
|
1703
|
+
cx="20"
|
|
1704
|
+
cy="20"
|
|
1705
|
+
r="19"
|
|
1706
|
+
/>
|
|
1707
|
+
</svg>
|
|
1708
|
+
</label>
|
|
1709
|
+
</div>
|
|
1710
|
+
<div
|
|
1711
|
+
class="text grow basis shrinkOff"
|
|
1712
|
+
data-id="boxComponent"
|
|
1713
|
+
data-selector-id="box"
|
|
1714
|
+
data-test-id="boxComponent"
|
|
1715
|
+
>
|
|
1716
|
+
<label
|
|
1717
|
+
class="label title medium default font_default
|
|
1718
|
+
dotted cursor
|
|
1719
|
+
primaryLabel pointer "
|
|
1720
|
+
data-id="RadioText_label"
|
|
1721
|
+
data-selector-id="label"
|
|
1722
|
+
data-test-id="RadioText_label"
|
|
1723
|
+
data-title="RadioText"
|
|
1724
|
+
>
|
|
1725
|
+
RadioText
|
|
1726
|
+
</label>
|
|
1727
|
+
</div>
|
|
1728
|
+
</div>
|
|
1729
|
+
</DocumentFragment>
|
|
1730
|
+
`;
|
|
1731
|
+
|
|
1732
|
+
exports[`Radio rendering the title 1`] = `
|
|
1733
|
+
<DocumentFragment>
|
|
1734
|
+
<div
|
|
1735
|
+
aria-checked="false"
|
|
1736
|
+
aria-readonly="false"
|
|
1737
|
+
class="container pointer hoverEfffect flex rowdir both"
|
|
1738
|
+
data-id="RadioComp"
|
|
1739
|
+
data-selector-id="container"
|
|
1740
|
+
data-test-id="RadioComp"
|
|
1741
|
+
data-title="radioTitle"
|
|
1742
|
+
role="radio"
|
|
1743
|
+
tabindex="0"
|
|
1744
|
+
>
|
|
1745
|
+
<div
|
|
1746
|
+
class="radio
|
|
1747
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1748
|
+
data-id="boxComponent"
|
|
1749
|
+
data-selector-id="box"
|
|
1750
|
+
data-test-id="boxComponent"
|
|
1751
|
+
>
|
|
1752
|
+
<input
|
|
1753
|
+
type="hidden"
|
|
1754
|
+
value=""
|
|
1755
|
+
/>
|
|
1756
|
+
<label
|
|
1757
|
+
class="radioLabel pointer"
|
|
1758
|
+
>
|
|
1759
|
+
<svg
|
|
1760
|
+
viewBox="0 0 40 40"
|
|
1761
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1762
|
+
>
|
|
1763
|
+
<circle
|
|
1764
|
+
class="rdBox"
|
|
1765
|
+
cx="20"
|
|
1766
|
+
cy="20"
|
|
1767
|
+
r="19"
|
|
1768
|
+
/>
|
|
1769
|
+
</svg>
|
|
1770
|
+
</label>
|
|
1771
|
+
</div>
|
|
1772
|
+
<div
|
|
1773
|
+
class="text grow basis shrinkOff"
|
|
1774
|
+
data-id="boxComponent"
|
|
1775
|
+
data-selector-id="box"
|
|
1776
|
+
data-test-id="boxComponent"
|
|
1777
|
+
>
|
|
1778
|
+
<label
|
|
1779
|
+
class="label title medium default font_default
|
|
1780
|
+
dotted cursor
|
|
1781
|
+
primaryLabel pointer "
|
|
1782
|
+
data-id="RadioText_label"
|
|
1783
|
+
data-selector-id="label"
|
|
1784
|
+
data-test-id="RadioText_label"
|
|
1785
|
+
data-title="radioTitle"
|
|
1786
|
+
>
|
|
1787
|
+
RadioText
|
|
1788
|
+
</label>
|
|
1789
|
+
</div>
|
|
1790
|
+
</div>
|
|
1791
|
+
</DocumentFragment>
|
|
1792
|
+
`;
|
|
1793
|
+
|
|
1794
|
+
exports[`Radio renders with different onClick props 1`] = `
|
|
1795
|
+
<DocumentFragment>
|
|
1796
|
+
<div>
|
|
1797
|
+
<div
|
|
1798
|
+
aria-checked="false"
|
|
1799
|
+
aria-readonly="false"
|
|
1800
|
+
class="container pointer hoverEfffect inflex rowdir both"
|
|
1801
|
+
data-id="radiovalue"
|
|
1802
|
+
data-selector-id="container"
|
|
1803
|
+
data-test-id="radiovalue"
|
|
1804
|
+
role="radio"
|
|
1805
|
+
tabindex="0"
|
|
1806
|
+
>
|
|
1807
|
+
<div
|
|
1808
|
+
class="radio
|
|
1809
|
+
hoverprimary medium filled centerPathprimary shrinkOff"
|
|
1810
|
+
data-id="boxComponent"
|
|
1811
|
+
data-selector-id="box"
|
|
1812
|
+
data-test-id="boxComponent"
|
|
1813
|
+
>
|
|
1814
|
+
<input
|
|
1815
|
+
type="hidden"
|
|
1816
|
+
value="radioValue"
|
|
1817
|
+
/>
|
|
1818
|
+
<label
|
|
1819
|
+
class="radioLabel pointer"
|
|
1820
|
+
>
|
|
1821
|
+
<svg
|
|
1822
|
+
viewBox="0 0 40 40"
|
|
1823
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
1824
|
+
>
|
|
1825
|
+
<circle
|
|
1826
|
+
class="rdBox"
|
|
1827
|
+
cx="20"
|
|
1828
|
+
cy="20"
|
|
1829
|
+
r="19"
|
|
1830
|
+
/>
|
|
1831
|
+
</svg>
|
|
1832
|
+
</label>
|
|
1833
|
+
</div>
|
|
1834
|
+
</div>
|
|
1835
|
+
</div>
|
|
1836
|
+
</DocumentFragment>
|
|
1837
|
+
`;
|