@zohodesk/components 1.0.0-alpha-242 → 1.0.0-alpha-245
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/README.md +1061 -1048
- package/assets/Appearance/dark/mode/darkMode.module.css +3 -18
- package/assets/Appearance/default/mode/defaultMode.module.css +2 -17
- package/assets/Appearance/pureDark/mode/pureDarkMode.module.css +5 -20
- package/docs/external/active-line.js +72 -72
- package/docs/external/autorefresh.js +47 -47
- package/docs/external/codemirror.js +9681 -9681
- package/docs/external/css/hopscotch.css +576 -576
- package/docs/external/css/styleGuide.css +1100 -1100
- package/docs/external/css.js +466 -466
- package/docs/external/designTokens.js +1 -1
- package/docs/external/foldcode.js +151 -151
- package/docs/external/format.js +129 -129
- package/docs/external/htmlmixed.js +84 -84
- package/docs/external/index.html +127 -127
- package/docs/external/javascript.js +422 -422
- package/docs/external/jsx.js +147 -147
- package/docs/external/matchbrackets.js +145 -145
- package/docs/external/xml.js +322 -322
- package/docs/package.json +41 -41
- package/docs/src/index.js +1311 -1311
- package/es/AppContainer/AppContainer.js +1 -1
- package/es/AppContainer/AppContainer.module.css +18 -18
- package/es/Avatar/Avatar.js +10 -10
- package/es/Avatar/Avatar.module.css +117 -117
- package/es/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/es/AvatarTeam/AvatarTeam.js +8 -8
- package/es/AvatarTeam/AvatarTeam.module.css +161 -161
- package/es/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -0
- package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -0
- package/es/Button/Button.js +4 -4
- package/es/Button/Button.module.css +521 -521
- package/es/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/es/Button/docs/Button__custom.docs.js +0 -0
- package/es/Button/docs/Button__default.docs.js +0 -0
- package/es/Buttongroup/Buttongroup.js +1 -1
- package/es/Buttongroup/Buttongroup.module.css +89 -89
- package/es/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/es/Card/Card.js +4 -4
- package/es/Card/Card.module.css +20 -20
- package/es/Card/docs/Card__Custom.docs.js +0 -0
- package/es/Card/docs/Card__Default.docs.js +0 -0
- package/es/Card/docs/Card__Scroll.docs.js +0 -0
- package/es/CheckBox/CheckBox.js +1 -1
- package/es/CheckBox/CheckBox.module.css +153 -153
- package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -0
- package/es/CheckBox/docs/CheckBox__default.docs.js +0 -0
- package/es/DateTime/CalendarView.js +0 -0
- package/es/DateTime/DateTime.js +4 -2
- package/es/DateTime/DateTime.module.css +187 -187
- package/es/DateTime/DateWidget.js +4 -2
- package/es/DateTime/DateWidget.module.css +38 -38
- package/es/DateTime/YearView.js +0 -0
- package/es/DateTime/YearView.module.css +81 -80
- package/es/DateTime/common.js +0 -0
- package/es/DateTime/docs/DateTime__default.docs.js +0 -0
- package/es/DateTime/docs/DateWidget__default.docs.js +0 -0
- 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 +1 -1
- package/es/DropBox/DropBox.module.css +406 -406
- package/es/DropBox/DropBoxPositionMapping.json +144 -144
- 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/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 +101 -101
- package/es/Label/docs/Label__clipped.docs.js +0 -0
- package/es/Label/docs/Label__custom.docs.js +0 -0
- package/es/Label/docs/Label__palette.docs.js +0 -0
- package/es/Label/docs/Label__size.docs.js +0 -0
- package/es/Label/docs/Label__type.docs.js +0 -0
- package/es/Layout/Box.js +0 -0
- package/es/Layout/Container.js +0 -0
- package/es/Layout/Layout.module.css +324 -324
- package/es/Layout/docs/Layout__default.docs.js +0 -0
- package/es/Layout/utils.js +0 -0
- package/es/LightNightMode/Colors.json +497 -398
- package/es/LightNightMode/docs/AlternativeColors.docs.js +21 -1
- package/es/ListItem/ListContainer.js +1 -1
- package/es/ListItem/ListItem.js +1 -1
- package/es/ListItem/ListItem.module.css +205 -205
- package/es/ListItem/ListItemWithAvatar.js +1 -1
- package/es/ListItem/ListItemWithCheckBox.js +1 -1
- package/es/ListItem/ListItemWithIcon.js +1 -1
- package/es/ListItem/ListItemWithRadio.js +1 -1
- package/es/Modal/Modal.js +1 -1
- package/es/MultiSelect/AdvancedGroupMultiSelect.js +19 -12
- package/es/MultiSelect/AdvancedMultiSelect.js +20 -8
- package/es/MultiSelect/MultiSelect.js +5 -5
- package/es/MultiSelect/MultiSelect.module.css +205 -197
- package/es/MultiSelect/MultiSelectWithAvatar.js +0 -0
- package/es/MultiSelect/SelectedOptions.js +1 -1
- package/es/MultiSelect/SelectedOptions.module.css +15 -15
- package/es/MultiSelect/Suggestions.js +1 -1
- package/es/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/es/PopOver/PopOver.module.css +8 -8
- package/es/Popup/Popup.js +1 -1
- package/es/Popup/PositionMapping.json +73 -73
- package/es/Radio/Radio.js +0 -0
- package/es/Radio/Radio.module.css +110 -110
- package/es/Radio/docs/Radio__custom.docs.js +0 -0
- package/es/Radio/docs/Radio__default.docs.js +0 -0
- package/es/Responsive/CustomResponsive.js +0 -0
- package/es/Responsive/docs/Responsive__Custom.docs.js +0 -0
- package/es/Responsive/docs/style.module.css +55 -55
- package/es/ResponsiveDropBox/ResponsiveDropBox.js +1 -1
- package/es/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/es/Ribbon/Ribbon.js +0 -0
- package/es/Ribbon/Ribbon.module.css +376 -376
- package/es/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -0
- package/es/Ribbon/docs/Ribbon__default.docs.js +0 -0
- package/es/RippleEffect/RippleEffect.module.css +70 -70
- package/es/Select/GroupSelect.js +0 -0
- package/es/Select/Select.js +1 -1
- package/es/Select/Select.module.css +106 -106
- package/es/Select/SelectWithAvatar.js +0 -0
- package/es/Select/SelectWithIcon.js +0 -0
- package/es/Select/__tests__/Select.spec.js +0 -0
- package/es/Select/docs/SelectWithIcon__default.docs.js +0 -0
- package/es/Select/docs/Select__default.docs.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 +49 -49
- package/es/Switch/Switch.js +1 -1
- package/es/Switch/Switch.module.css +109 -109
- package/es/Switch/docs/Switch__custom.docs.js +0 -0
- package/es/Switch/docs/Switch__default.docs.js +0 -0
- package/es/Tab/Tab.js +1 -1
- package/es/Tab/Tab.module.css +101 -101
- package/es/Tab/TabContent.module.css +4 -4
- package/es/Tab/TabWrapper.js +1 -1
- package/es/Tab/Tabs.js +18 -18
- package/es/Tab/Tabs.module.css +141 -141
- package/es/Tab/docs/tabdocs.module.css +29 -29
- package/es/Tag/Tag.js +8 -8
- package/es/Tag/Tag.module.css +254 -254
- package/es/Tag/docs/Tag__custom.docs.js +0 -0
- package/es/Tag/docs/Tag__default.docs.js +0 -0
- package/es/TextBox/TextBox.js +1 -1
- package/es/TextBox/TextBox.module.css +157 -157
- package/es/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/es/TextBox/docs/TextBox__custom.docs.js +0 -0
- package/es/TextBox/docs/TextBox__default.docs.js +0 -0
- package/es/TextBox/docs/TextBox__variant.docs.js +0 -0
- package/es/TextBoxIcon/TextBoxIcon.js +1 -1
- package/es/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/es/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -0
- package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -0
- package/es/Textarea/Textarea.js +1 -1
- package/es/Textarea/Textarea.module.css +139 -139
- package/es/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/es/Textarea/docs/Textarea__custom.docs.js +0 -0
- package/es/Textarea/docs/Textarea__default.docs.js +0 -0
- package/es/Textarea/docs/Textarea__disabled.docs.js +0 -0
- package/es/Tooltip/Tooltip.module.css +109 -109
- package/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +1 -1
- package/es/beta/FocusRing/FocusRing.module.css +151 -151
- package/es/common/animation.module.css +624 -624
- package/es/common/avatarsizes.module.css +44 -44
- package/es/common/basic.module.css +33 -33
- package/es/common/basicReset.module.css +40 -40
- package/es/common/common.module.css +502 -502
- package/es/common/customscroll.module.css +89 -89
- package/es/common/docStyle.module.css +766 -766
- package/es/common/reset.module.css +12 -12
- package/es/common/transition.module.css +146 -146
- package/es/css.js +0 -1
- package/es/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +127 -127
- package/es/deprecated/advancedMultiSelectVariableJson.js +80 -0
- package/es/semantic/Button/semanticButton.module.css +9 -9
- package/es/utils/Common.js +0 -0
- package/es/utils/dropDownUtils.js +0 -0
- package/lib/Accordion/Accordion.js +2 -2
- package/lib/Accordion/AccordionItem.js +2 -2
- package/lib/Accordion/docs/Accordion__Demo.docs.js +2 -2
- package/lib/Animation/Animation.js +2 -2
- package/lib/Animation/docs/Animation__default.docs.js +2 -2
- package/lib/Animation/docs/Animation__fadeIn.docs.js +2 -2
- package/lib/Animation/docs/Animation__scaleIn.docs.js +2 -2
- package/lib/Animation/docs/Animation__skewIn.docs.js +2 -2
- package/lib/Animation/docs/Animation__slideDown.docs.js +2 -2
- package/lib/Animation/docs/Animation__slideLeft.docs.js +2 -2
- package/lib/Animation/docs/Animation__zoomIn.docs.js +2 -2
- package/lib/AppContainer/AppContainer.js +3 -3
- package/lib/AppContainer/AppContainer.module.css +18 -18
- package/lib/AppContainer/docs/AppContainer__default.docs.js +2 -2
- package/lib/Avatar/Avatar.js +12 -12
- package/lib/Avatar/Avatar.module.css +117 -117
- package/lib/Avatar/__tests__/__snapshots__/Avatar.spec.js.snap +288 -288
- package/lib/Avatar/docs/Avatar__custom.docs.js +2 -2
- package/lib/Avatar/docs/Avatar__default.docs.js +2 -2
- package/lib/Avatar/docs/Avatar__palette.docs.js +2 -2
- package/lib/Avatar/docs/Avatar__text.docs.js +2 -2
- package/lib/AvatarTeam/AvatarTeam.js +10 -10
- package/lib/AvatarTeam/AvatarTeam.module.css +161 -161
- package/lib/AvatarTeam/__tests__/__snapshots__/AvatarTeam.spec.js.snap +226 -226
- package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +2 -2
- package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +2 -2
- package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +2 -2
- package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +2 -2
- package/lib/Button/Button.js +6 -6
- package/lib/Button/Button.module.css +521 -521
- package/lib/Button/__tests__/__snapshots__/Button.spec.js.snap +191 -191
- package/lib/Button/docs/Button__custom.docs.js +2 -2
- package/lib/Button/docs/Button__default.docs.js +2 -2
- package/lib/Buttongroup/Buttongroup.js +3 -3
- package/lib/Buttongroup/Buttongroup.module.css +89 -89
- package/lib/Buttongroup/__test__/__snapshots__/Buttongroup.spec.js.snap +146 -146
- package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +2 -2
- package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +2 -2
- package/lib/Buttongroup/docs/Buttongroup__header.docs.js +2 -2
- package/lib/Card/Card.js +6 -6
- package/lib/Card/Card.module.css +20 -20
- package/lib/Card/docs/Card__Custom.docs.js +2 -2
- package/lib/Card/docs/Card__Default.docs.js +2 -2
- package/lib/Card/docs/Card__Scroll.docs.js +2 -2
- package/lib/CheckBox/CheckBox.js +3 -3
- package/lib/CheckBox/CheckBox.module.css +153 -153
- package/lib/CheckBox/docs/CheckBox__custom.docs.js +2 -2
- package/lib/CheckBox/docs/CheckBox__default.docs.js +2 -2
- package/lib/DateTime/CalendarView.js +2 -2
- package/lib/DateTime/DateTime.js +6 -4
- package/lib/DateTime/DateTime.module.css +187 -187
- package/lib/DateTime/DateTimePopupFooter.js +2 -2
- package/lib/DateTime/DateTimePopupHeader.js +2 -2
- package/lib/DateTime/DateWidget.js +6 -4
- package/lib/DateTime/DateWidget.module.css +38 -38
- package/lib/DateTime/DaysRow.js +2 -2
- package/lib/DateTime/Time.js +2 -2
- package/lib/DateTime/YearView.js +2 -2
- package/lib/DateTime/YearView.module.css +81 -80
- package/lib/DateTime/common.js +0 -0
- package/lib/DateTime/docs/DateTime__default.docs.js +2 -2
- package/lib/DateTime/docs/DateWidget__default.docs.js +2 -2
- 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 +3 -3
- package/lib/DropBox/DropBox.module.css +406 -406
- package/lib/DropBox/DropBoxPositionMapping.json +144 -144
- package/lib/DropBox/docs/DropBox__custom.docs.js +2 -2
- package/lib/DropBox/docs/DropBox__customOrder.docs.js +2 -2
- package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +2 -2
- package/lib/DropBox/docs/DropBox__position.docs.js +2 -2
- package/lib/DropBox/docs/DropBox__size.docs.js +2 -2
- package/lib/DropDown/DropDown.js +2 -2
- package/lib/DropDown/DropDown.module.css +5 -5
- package/lib/DropDown/DropDownHeading.js +2 -2
- package/lib/DropDown/DropDownHeading.module.css +53 -53
- package/lib/DropDown/DropDownItem.js +2 -2
- package/lib/DropDown/DropDownItem.module.css +94 -94
- package/lib/DropDown/DropDownSearch.js +2 -2
- package/lib/DropDown/DropDownSearch.module.css +14 -14
- package/lib/DropDown/DropDownSeparator.js +2 -2
- package/lib/DropDown/DropDownSeparator.module.css +7 -7
- package/lib/DropDown/docs/DropDownHeading__custom.docs.js +2 -2
- package/lib/DropDown/docs/DropDownHeading__default.docs.js +2 -2
- package/lib/Label/Label.js +2 -2
- 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 +101 -101
- package/lib/Label/docs/Label__clipped.docs.js +2 -2
- package/lib/Label/docs/Label__custom.docs.js +2 -2
- package/lib/Label/docs/Label__palette.docs.js +2 -2
- package/lib/Label/docs/Label__size.docs.js +2 -2
- package/lib/Label/docs/Label__type.docs.js +2 -2
- package/lib/Layout/Box.js +0 -0
- package/lib/Layout/Container.js +0 -0
- package/lib/Layout/Layout.module.css +324 -324
- package/lib/Layout/docs/Layout__Hidden.docs.js +2 -2
- package/lib/Layout/docs/Layout__default.docs.js +2 -2
- package/lib/Layout/docs/Layout__four_Column.docs.js +2 -2
- package/lib/Layout/docs/Layout__three_Column.docs.js +2 -2
- package/lib/Layout/docs/Layout__two_Column.docs.js +2 -2
- package/lib/Layout/utils.js +0 -0
- package/lib/LightNightMode/Colors.json +497 -398
- package/lib/LightNightMode/docs/AlternativeColors.docs.js +25 -3
- package/lib/ListItem/ListContainer.js +1 -1
- package/lib/ListItem/ListItem.js +3 -3
- package/lib/ListItem/ListItem.module.css +205 -205
- package/lib/ListItem/ListItemWithAvatar.js +3 -3
- package/lib/ListItem/ListItemWithCheckBox.js +3 -3
- package/lib/ListItem/ListItemWithIcon.js +3 -3
- package/lib/ListItem/ListItemWithRadio.js +3 -3
- package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +2 -2
- package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +2 -2
- package/lib/ListItem/docs/ListItem__custom.docs.js +2 -2
- package/lib/ListItem/docs/ListItem__default.docs.js +2 -2
- package/lib/Modal/Modal.js +3 -3
- package/lib/Modal/__docs__/Modal__default.docs.js +2 -2
- package/lib/MultiSelect/AdvancedGroupMultiSelect.js +20 -14
- package/lib/MultiSelect/AdvancedMultiSelect.js +26 -15
- package/lib/MultiSelect/EmptyState.js +2 -2
- package/lib/MultiSelect/MultiSelect.js +7 -7
- package/lib/MultiSelect/MultiSelect.module.css +205 -197
- package/lib/MultiSelect/MultiSelectHeader.js +2 -2
- package/lib/MultiSelect/MultiSelectWithAvatar.js +2 -2
- package/lib/MultiSelect/SelectedOptions.js +3 -3
- package/lib/MultiSelect/SelectedOptions.module.css +15 -15
- package/lib/MultiSelect/Suggestions.js +3 -3
- package/lib/MultiSelect/__tests__/MultiSelect.spec.js +0 -0
- package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +2 -2
- package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +2 -2
- package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +2 -2
- package/lib/MultiSelect/docs/MultiSelect__default.docs.js +2 -2
- package/lib/PopOver/PopOver.js +2 -2
- package/lib/PopOver/PopOver.module.css +8 -8
- package/lib/PopOver/docs/PopOver__default.docs.js +2 -2
- package/lib/Popup/Popup.js +3 -3
- package/lib/Popup/PositionMapping.json +73 -73
- package/lib/Popup/__tests__/Popup.spec.js +2 -2
- package/lib/Provider/docs/Provider_Id__Class.docs.js +2 -2
- package/lib/Provider/docs/Provider_Zindex__Class.docs.js +2 -2
- package/lib/Provider.js +2 -2
- package/lib/Radio/Radio.js +2 -2
- package/lib/Radio/Radio.module.css +110 -110
- package/lib/Radio/docs/Radio__custom.docs.js +2 -2
- package/lib/Radio/docs/Radio__default.docs.js +2 -2
- package/lib/Responsive/CustomResponsive.js +0 -0
- package/lib/Responsive/ResizeComponent.js +2 -2
- package/lib/Responsive/Responsive.js +2 -2
- package/lib/Responsive/docs/Responsive__Custom.docs.js +2 -2
- package/lib/Responsive/docs/Responsive__default.docs.js +2 -2
- package/lib/Responsive/docs/style.module.css +55 -55
- package/lib/Responsive/sizeObservers.js +3 -3
- package/lib/ResponsiveDropBox/ResponsiveDropBox.js +3 -3
- package/lib/ResponsiveDropBox/ResponsiveDropBox.module.css +6 -6
- package/lib/Ribbon/Ribbon.js +2 -2
- package/lib/Ribbon/Ribbon.module.css +376 -376
- package/lib/Ribbon/__tests__/__snapshots__/Ribbon.spec.js.snap +163 -163
- package/lib/Ribbon/docs/Ribbon__custom.docs.js +2 -2
- package/lib/Ribbon/docs/Ribbon__default.docs.js +2 -2
- package/lib/RippleEffect/RippleEffect.module.css +70 -70
- package/lib/RippleEffect/docs/RippleEffect__default.docs.js +2 -2
- package/lib/Select/GroupSelect.js +2 -2
- package/lib/Select/Select.js +3 -3
- package/lib/Select/Select.module.css +106 -106
- package/lib/Select/SelectWithAvatar.js +2 -2
- package/lib/Select/SelectWithIcon.js +2 -2
- package/lib/Select/__tests__/Select.spec.js +0 -0
- package/lib/Select/docs/GroupSelect__default.docs.js +2 -2
- package/lib/Select/docs/SelectWithAvatar__default.docs.js +2 -2
- package/lib/Select/docs/SelectWithIcon__default.docs.js +2 -2
- package/lib/Select/docs/Select__default.docs.js +2 -2
- package/lib/Stencils/Stencils.js +2 -2
- package/lib/Stencils/Stencils.module.css +96 -96
- package/lib/Stencils/__tests__/__snapshots__/Stencils.spec.js.snap +49 -49
- package/lib/Stencils/docs/Stencils__custom.docs.js +2 -2
- package/lib/Stencils/docs/Stencils__default.docs.js +2 -2
- package/lib/Switch/Switch.js +3 -3
- package/lib/Switch/Switch.module.css +109 -109
- package/lib/Switch/docs/Switch__custom.docs.js +2 -2
- package/lib/Switch/docs/Switch__default.docs.js +2 -2
- package/lib/Tab/Tab.js +1 -1
- package/lib/Tab/Tab.module.css +101 -101
- package/lib/Tab/TabContent.module.css +4 -4
- package/lib/Tab/TabWrapper.js +1 -1
- package/lib/Tab/Tabs.js +14 -14
- package/lib/Tab/Tabs.module.css +141 -141
- package/lib/Tab/docs/Tab__default.docs.js +2 -2
- package/lib/Tab/docs/tabdocs.module.css +29 -29
- package/lib/Tag/Tag.js +10 -10
- package/lib/Tag/Tag.module.css +254 -254
- package/lib/Tag/docs/Tag__custom.docs.js +2 -2
- package/lib/Tag/docs/Tag__default.docs.js +2 -2
- package/lib/TextBox/TextBox.js +3 -3
- package/lib/TextBox/TextBox.module.css +157 -157
- package/lib/TextBox/__tests__/__snapshots__/TextBox.spec.js.snap +127 -127
- package/lib/TextBox/docs/TextBox__custom.docs.js +2 -2
- package/lib/TextBox/docs/TextBox__default.docs.js +2 -2
- package/lib/TextBox/docs/TextBox__size.docs.js +2 -2
- package/lib/TextBox/docs/TextBox__variant.docs.js +2 -2
- package/lib/TextBoxIcon/TextBoxIcon.js +3 -3
- package/lib/TextBoxIcon/TextBoxIcon.module.css +78 -78
- package/lib/TextBoxIcon/__tests__/__snapshots__/TextBoxIcon.spec.js.snap +334 -334
- package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +2 -2
- package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +2 -2
- package/lib/Textarea/Textarea.js +3 -3
- package/lib/Textarea/Textarea.module.css +139 -139
- package/lib/Textarea/__tests__/__snapshots__/Textarea.spec.js.snap +97 -97
- package/lib/Textarea/docs/Textarea__animated.docs.js +2 -2
- package/lib/Textarea/docs/Textarea__custom.docs.js +2 -2
- package/lib/Textarea/docs/Textarea__default.docs.js +2 -2
- package/lib/Textarea/docs/Textarea__disabled.docs.js +2 -2
- package/lib/Tooltip/Tooltip.js +2 -2
- package/lib/Tooltip/Tooltip.module.css +109 -109
- package/lib/Tooltip/__tests__/Tooltip.spec.js +2 -2
- package/lib/Tooltip/docs/Tooltip__default.docs.js +2 -2
- package/lib/VelocityAnimation/VelocityAnimation/VelocityAnimation.js +2 -2
- package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +2 -2
- package/lib/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup.js +3 -3
- package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +2 -2
- package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +2 -2
- package/lib/beta/FocusRing/FocusRing.module.css +151 -151
- package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +2 -2
- package/lib/common/animation.module.css +624 -624
- package/lib/common/avatarsizes.module.css +44 -44
- package/lib/common/basic.module.css +33 -33
- package/lib/common/basicReset.module.css +40 -40
- package/lib/common/common.module.css +502 -502
- package/lib/common/customscroll.module.css +89 -89
- package/lib/common/docStyle.module.css +766 -766
- package/lib/common/reset.module.css +12 -12
- package/lib/common/transition.module.css +146 -146
- package/lib/css.js +0 -2
- package/lib/{MultiSelect → deprecated}/AdvancedMultiSelect.module.css +127 -127
- package/lib/deprecated/PortalLayer/PortalLayer.js +2 -2
- package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +2 -2
- package/lib/deprecated/advancedMultiSelectVariableJson.js +82 -0
- package/lib/semantic/Button/Button.js +2 -2
- package/lib/semantic/Button/docs/Button__default.docs.js +2 -2
- package/lib/semantic/Button/semanticButton.module.css +9 -9
- package/lib/utils/Common.js +0 -0
- package/lib/utils/dropDownUtils.js +0 -0
- package/package.json +75 -75
|
@@ -1,157 +1,157 @@
|
|
|
1
|
-
.varClass {
|
|
2
|
-
/* textbox default variables */
|
|
3
|
-
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
4
|
-
--textbox_bg_color: var(--zdt_textbox_default_bg);
|
|
5
|
-
--textbox_border_width: 0;
|
|
6
|
-
--textbox_border_style: solid;
|
|
7
|
-
--textbox_border_color: var(--zdt_textbox_default_border);
|
|
8
|
-
--textbox_font_size: var(--zd_font_size14);
|
|
9
|
-
--textbox_width: 100%;
|
|
10
|
-
--textbox_height: var(--zd_size35);
|
|
11
|
-
--textbox_border_radius: none;
|
|
12
|
-
--textbox_font_family: var(--zd_regular);
|
|
13
|
-
--textbox_letter_spacing: 0.1px;
|
|
14
|
-
--textbox_padding: 0;
|
|
15
|
-
--textbox_cursor: auto;
|
|
16
|
-
--textbox_line_height: var(--zd_size35);
|
|
17
|
-
|
|
18
|
-
/* textbox placeholder default variable */
|
|
19
|
-
--textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
|
|
20
|
-
}
|
|
21
|
-
.basic {
|
|
22
|
-
composes: varClass;
|
|
23
|
-
-webkit-appearance: none;
|
|
24
|
-
-moz-appearance: none;
|
|
25
|
-
appearance: none;
|
|
26
|
-
letter-spacing: var(--textbox_letter_spacing);
|
|
27
|
-
border: var(--textbox_border_width);
|
|
28
|
-
cursor: var(--textbox_cursor);
|
|
29
|
-
}
|
|
30
|
-
.basic::placeholder {
|
|
31
|
-
color: var(--textbox_placeholder_text_color);
|
|
32
|
-
}
|
|
33
|
-
.basic::-webkit-placeholder {
|
|
34
|
-
color: var(--textbox_placeholder_text_color);
|
|
35
|
-
}
|
|
36
|
-
.basic::-moz-placeholder {
|
|
37
|
-
color: var(--textbox_placeholder_text_color);
|
|
38
|
-
}
|
|
39
|
-
.basic::-ms-placeholder {
|
|
40
|
-
color: var(--textbox_placeholder_text_color);
|
|
41
|
-
}
|
|
42
|
-
.container {
|
|
43
|
-
composes: basic;
|
|
44
|
-
transition: border var(--zd_transition2) linear 0s;
|
|
45
|
-
-moz-transition: border var(--zd_transition2) linear 0s;
|
|
46
|
-
width: var(--textbox_width);
|
|
47
|
-
color: var(--textbox_text_color);
|
|
48
|
-
font-size: var(--textbox_font_size);
|
|
49
|
-
height: var(--textbox_height);
|
|
50
|
-
line-height: var(--textbox_line_height);
|
|
51
|
-
background-color: var(--textbox_bg_color);
|
|
52
|
-
-webkit-transition: border var(--zd_transition2) linear 0s;
|
|
53
|
-
padding: var(--textbox_padding);
|
|
54
|
-
border-radius: var(--textbox_border_radius);
|
|
55
|
-
border-width: var(--textbox_border_width);
|
|
56
|
-
border-style: var(--textbox_border_style);
|
|
57
|
-
border-color: var(--textbox_border_color);
|
|
58
|
-
}
|
|
59
|
-
.basic:disabled,
|
|
60
|
-
.container:disabled,
|
|
61
|
-
.container:disabled:hover {
|
|
62
|
-
--textbox_cursor: not-allowed;
|
|
63
|
-
--textbox_text_color: var(--zdt_textbox_disabled_text);
|
|
64
|
-
}
|
|
65
|
-
.container:disabled,
|
|
66
|
-
.container:disabled:hover {
|
|
67
|
-
--textbox_bg_color: none;
|
|
68
|
-
}
|
|
69
|
-
.container::placeholder {
|
|
70
|
-
color: var(--textbox_placeholder_text_color);
|
|
71
|
-
}
|
|
72
|
-
.container::-webkit-placeholder {
|
|
73
|
-
color: var(--textbox_placeholder_text_color);
|
|
74
|
-
}
|
|
75
|
-
.container::-moz-placeholder {
|
|
76
|
-
color: var(--textbox_placeholder_text_color);
|
|
77
|
-
}
|
|
78
|
-
.container::-ms-placeholder {
|
|
79
|
-
color: var(--textbox_placeholder_text_color);
|
|
80
|
-
}
|
|
81
|
-
.pointer {
|
|
82
|
-
--textbox_cursor: pointer;
|
|
83
|
-
}
|
|
84
|
-
/* Need Border */
|
|
85
|
-
.border, .effect:hover, .effect:focus {
|
|
86
|
-
border-width: var(--textbox_border_width);
|
|
87
|
-
border-style: var(--textbox_border_style);
|
|
88
|
-
}
|
|
89
|
-
.effect:hover, .effect:focus {
|
|
90
|
-
border-color: var(--textbox_border_color);
|
|
91
|
-
}
|
|
92
|
-
.border {
|
|
93
|
-
--textbox_border_width: 0 0 1px 0;
|
|
94
|
-
}
|
|
95
|
-
.borderColor_transparent, .borderColor_default {
|
|
96
|
-
border-color: var(--textbox_border_color);
|
|
97
|
-
}
|
|
98
|
-
.borderColor_transparent {
|
|
99
|
-
--textbox_border_color: var(--zdt_textbox_transparent_border);
|
|
100
|
-
}
|
|
101
|
-
.borderColor_default {
|
|
102
|
-
--textbox_border_color: var(--zdt_textbox_default_border);
|
|
103
|
-
}
|
|
104
|
-
.effect:hover {
|
|
105
|
-
--textbox_border_color: var(--zdt_textbox_effect_hover_border);
|
|
106
|
-
}
|
|
107
|
-
.effect:focus,.focus,.focus:hover {
|
|
108
|
-
--textbox_border_color: var(--zdt_textbox_effect_focus_border);
|
|
109
|
-
}
|
|
110
|
-
/* Size */
|
|
111
|
-
.xmedium,
|
|
112
|
-
.medium {
|
|
113
|
-
--textbox_font_size: var(--zd_font_size14);
|
|
114
|
-
}
|
|
115
|
-
.xmedium {
|
|
116
|
-
--textbox_height: var(--zd_size28);
|
|
117
|
-
--textbox_line_height: var(--zd_size28);
|
|
118
|
-
}
|
|
119
|
-
.medium {
|
|
120
|
-
--textbox_height: var(--zd_size35);
|
|
121
|
-
--textbox_line_height: var(--zd_size35);
|
|
122
|
-
}
|
|
123
|
-
.small {
|
|
124
|
-
--textbox_font_size: var(--zd_font_size12);
|
|
125
|
-
--textbox_height: var(--zd_size28);
|
|
126
|
-
--textbox_line_height: var(--zd_size28);
|
|
127
|
-
}
|
|
128
|
-
.xsmall {
|
|
129
|
-
--textbox_font_size: var(--zd_font_size13);
|
|
130
|
-
--textbox_height: var(--zd_size25);
|
|
131
|
-
--textbox_line_height: var(--zd_size25);
|
|
132
|
-
}
|
|
133
|
-
.default,
|
|
134
|
-
.primary,
|
|
135
|
-
.secondary,
|
|
136
|
-
.light {
|
|
137
|
-
font-family: var(--textbox_font_family);
|
|
138
|
-
}
|
|
139
|
-
.primary {
|
|
140
|
-
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
141
|
-
--textbox_font_family: var(--zd_semibold);
|
|
142
|
-
composes: ftsmooth from '../common/common.module.css';
|
|
143
|
-
}
|
|
144
|
-
.secondary {
|
|
145
|
-
--textbox_text_color: var(--zdt_textbox_secondary_text);
|
|
146
|
-
--textbox_font_family: var(--zd_light);
|
|
147
|
-
}
|
|
148
|
-
.light {
|
|
149
|
-
--textbox_text_color: var(--zdt_textbox_light_text);
|
|
150
|
-
}
|
|
151
|
-
.readonly,
|
|
152
|
-
.readonly:hover,
|
|
153
|
-
.readonly:focus {
|
|
154
|
-
--textbox_cursor: not-allowed;
|
|
155
|
-
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
156
|
-
--textbox_bg_color: none;
|
|
157
|
-
}
|
|
1
|
+
.varClass {
|
|
2
|
+
/* textbox default variables */
|
|
3
|
+
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
4
|
+
--textbox_bg_color: var(--zdt_textbox_default_bg);
|
|
5
|
+
--textbox_border_width: 0;
|
|
6
|
+
--textbox_border_style: solid;
|
|
7
|
+
--textbox_border_color: var(--zdt_textbox_default_border);
|
|
8
|
+
--textbox_font_size: var(--zd_font_size14);
|
|
9
|
+
--textbox_width: 100%;
|
|
10
|
+
--textbox_height: var(--zd_size35);
|
|
11
|
+
--textbox_border_radius: none;
|
|
12
|
+
--textbox_font_family: var(--zd_regular);
|
|
13
|
+
--textbox_letter_spacing: 0.1px;
|
|
14
|
+
--textbox_padding: 0;
|
|
15
|
+
--textbox_cursor: auto;
|
|
16
|
+
--textbox_line_height: var(--zd_size35);
|
|
17
|
+
|
|
18
|
+
/* textbox placeholder default variable */
|
|
19
|
+
--textbox_placeholder_text_color: var(--zdt_textbox_placeholder_text);
|
|
20
|
+
}
|
|
21
|
+
.basic {
|
|
22
|
+
composes: varClass;
|
|
23
|
+
-webkit-appearance: none;
|
|
24
|
+
-moz-appearance: none;
|
|
25
|
+
appearance: none;
|
|
26
|
+
letter-spacing: var(--textbox_letter_spacing);
|
|
27
|
+
border: var(--textbox_border_width);
|
|
28
|
+
cursor: var(--textbox_cursor);
|
|
29
|
+
}
|
|
30
|
+
.basic::placeholder {
|
|
31
|
+
color: var(--textbox_placeholder_text_color);
|
|
32
|
+
}
|
|
33
|
+
.basic::-webkit-placeholder {
|
|
34
|
+
color: var(--textbox_placeholder_text_color);
|
|
35
|
+
}
|
|
36
|
+
.basic::-moz-placeholder {
|
|
37
|
+
color: var(--textbox_placeholder_text_color);
|
|
38
|
+
}
|
|
39
|
+
.basic::-ms-placeholder {
|
|
40
|
+
color: var(--textbox_placeholder_text_color);
|
|
41
|
+
}
|
|
42
|
+
.container {
|
|
43
|
+
composes: basic;
|
|
44
|
+
transition: border var(--zd_transition2) linear 0s;
|
|
45
|
+
-moz-transition: border var(--zd_transition2) linear 0s;
|
|
46
|
+
width: var(--textbox_width);
|
|
47
|
+
color: var(--textbox_text_color);
|
|
48
|
+
font-size: var(--textbox_font_size);
|
|
49
|
+
height: var(--textbox_height);
|
|
50
|
+
line-height: var(--textbox_line_height);
|
|
51
|
+
background-color: var(--textbox_bg_color);
|
|
52
|
+
-webkit-transition: border var(--zd_transition2) linear 0s;
|
|
53
|
+
padding: var(--textbox_padding);
|
|
54
|
+
border-radius: var(--textbox_border_radius);
|
|
55
|
+
border-width: var(--textbox_border_width);
|
|
56
|
+
border-style: var(--textbox_border_style);
|
|
57
|
+
border-color: var(--textbox_border_color);
|
|
58
|
+
}
|
|
59
|
+
.basic:disabled,
|
|
60
|
+
.container:disabled,
|
|
61
|
+
.container:disabled:hover {
|
|
62
|
+
--textbox_cursor: not-allowed;
|
|
63
|
+
--textbox_text_color: var(--zdt_textbox_disabled_text);
|
|
64
|
+
}
|
|
65
|
+
.container:disabled,
|
|
66
|
+
.container:disabled:hover {
|
|
67
|
+
--textbox_bg_color: none;
|
|
68
|
+
}
|
|
69
|
+
.container::placeholder {
|
|
70
|
+
color: var(--textbox_placeholder_text_color);
|
|
71
|
+
}
|
|
72
|
+
.container::-webkit-placeholder {
|
|
73
|
+
color: var(--textbox_placeholder_text_color);
|
|
74
|
+
}
|
|
75
|
+
.container::-moz-placeholder {
|
|
76
|
+
color: var(--textbox_placeholder_text_color);
|
|
77
|
+
}
|
|
78
|
+
.container::-ms-placeholder {
|
|
79
|
+
color: var(--textbox_placeholder_text_color);
|
|
80
|
+
}
|
|
81
|
+
.pointer {
|
|
82
|
+
--textbox_cursor: pointer;
|
|
83
|
+
}
|
|
84
|
+
/* Need Border */
|
|
85
|
+
.border, .effect:hover, .effect:focus {
|
|
86
|
+
border-width: var(--textbox_border_width);
|
|
87
|
+
border-style: var(--textbox_border_style);
|
|
88
|
+
}
|
|
89
|
+
.effect:hover, .effect:focus {
|
|
90
|
+
border-color: var(--textbox_border_color);
|
|
91
|
+
}
|
|
92
|
+
.border {
|
|
93
|
+
--textbox_border_width: 0 0 1px 0;
|
|
94
|
+
}
|
|
95
|
+
.borderColor_transparent, .borderColor_default {
|
|
96
|
+
border-color: var(--textbox_border_color);
|
|
97
|
+
}
|
|
98
|
+
.borderColor_transparent {
|
|
99
|
+
--textbox_border_color: var(--zdt_textbox_transparent_border);
|
|
100
|
+
}
|
|
101
|
+
.borderColor_default {
|
|
102
|
+
--textbox_border_color: var(--zdt_textbox_default_border);
|
|
103
|
+
}
|
|
104
|
+
.effect:hover {
|
|
105
|
+
--textbox_border_color: var(--zdt_textbox_effect_hover_border);
|
|
106
|
+
}
|
|
107
|
+
.effect:focus,.focus,.focus:hover {
|
|
108
|
+
--textbox_border_color: var(--zdt_textbox_effect_focus_border);
|
|
109
|
+
}
|
|
110
|
+
/* Size */
|
|
111
|
+
.xmedium,
|
|
112
|
+
.medium {
|
|
113
|
+
--textbox_font_size: var(--zd_font_size14);
|
|
114
|
+
}
|
|
115
|
+
.xmedium {
|
|
116
|
+
--textbox_height: var(--zd_size28);
|
|
117
|
+
--textbox_line_height: var(--zd_size28);
|
|
118
|
+
}
|
|
119
|
+
.medium {
|
|
120
|
+
--textbox_height: var(--zd_size35);
|
|
121
|
+
--textbox_line_height: var(--zd_size35);
|
|
122
|
+
}
|
|
123
|
+
.small {
|
|
124
|
+
--textbox_font_size: var(--zd_font_size12);
|
|
125
|
+
--textbox_height: var(--zd_size28);
|
|
126
|
+
--textbox_line_height: var(--zd_size28);
|
|
127
|
+
}
|
|
128
|
+
.xsmall {
|
|
129
|
+
--textbox_font_size: var(--zd_font_size13);
|
|
130
|
+
--textbox_height: var(--zd_size25);
|
|
131
|
+
--textbox_line_height: var(--zd_size25);
|
|
132
|
+
}
|
|
133
|
+
.default,
|
|
134
|
+
.primary,
|
|
135
|
+
.secondary,
|
|
136
|
+
.light {
|
|
137
|
+
font-family: var(--textbox_font_family);
|
|
138
|
+
}
|
|
139
|
+
.primary {
|
|
140
|
+
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
141
|
+
--textbox_font_family: var(--zd_semibold);
|
|
142
|
+
composes: ftsmooth from '../common/common.module.css';
|
|
143
|
+
}
|
|
144
|
+
.secondary {
|
|
145
|
+
--textbox_text_color: var(--zdt_textbox_secondary_text);
|
|
146
|
+
--textbox_font_family: var(--zd_light);
|
|
147
|
+
}
|
|
148
|
+
.light {
|
|
149
|
+
--textbox_text_color: var(--zdt_textbox_light_text);
|
|
150
|
+
}
|
|
151
|
+
.readonly,
|
|
152
|
+
.readonly:hover,
|
|
153
|
+
.readonly:focus {
|
|
154
|
+
--textbox_cursor: not-allowed;
|
|
155
|
+
--textbox_text_color: var(--zdt_textbox_default_text);
|
|
156
|
+
--textbox_bg_color: none;
|
|
157
|
+
}
|
|
@@ -1,127 +1,127 @@
|
|
|
1
|
-
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
-
|
|
3
|
-
exports[`TextBox component should display size medium - primary 1`] = `
|
|
4
|
-
<input
|
|
5
|
-
className=" container medium primary border effect borderColor_default"
|
|
6
|
-
data-id="textBox"
|
|
7
|
-
maxLength="100"
|
|
8
|
-
onBlur={[Function]}
|
|
9
|
-
onChange={[Function]}
|
|
10
|
-
onFocus={[Function]}
|
|
11
|
-
placeholder="Text Area"
|
|
12
|
-
type="text"
|
|
13
|
-
value=""
|
|
14
|
-
/>
|
|
15
|
-
`;
|
|
16
|
-
|
|
17
|
-
exports[`TextBox component should display size medium - secondary 1`] = `
|
|
18
|
-
<input
|
|
19
|
-
className=" container medium secondary border effect borderColor_default"
|
|
20
|
-
data-id="textBox"
|
|
21
|
-
maxLength="100"
|
|
22
|
-
onBlur={[Function]}
|
|
23
|
-
onChange={[Function]}
|
|
24
|
-
onFocus={[Function]}
|
|
25
|
-
placeholder="Text Area"
|
|
26
|
-
type="text"
|
|
27
|
-
value=""
|
|
28
|
-
/>
|
|
29
|
-
`;
|
|
30
|
-
|
|
31
|
-
exports[`TextBox component should display size medium 1`] = `
|
|
32
|
-
<input
|
|
33
|
-
className=" container medium default border effect borderColor_default"
|
|
34
|
-
data-id="textBox"
|
|
35
|
-
maxLength="100"
|
|
36
|
-
onBlur={[Function]}
|
|
37
|
-
onChange={[Function]}
|
|
38
|
-
onFocus={[Function]}
|
|
39
|
-
placeholder="Text Area"
|
|
40
|
-
type="text"
|
|
41
|
-
value=""
|
|
42
|
-
/>
|
|
43
|
-
`;
|
|
44
|
-
|
|
45
|
-
exports[`TextBox component should display size small - primary 1`] = `
|
|
46
|
-
<input
|
|
47
|
-
className=" container small primary border effect borderColor_default"
|
|
48
|
-
data-id="textBox"
|
|
49
|
-
maxLength="100"
|
|
50
|
-
onBlur={[Function]}
|
|
51
|
-
onChange={[Function]}
|
|
52
|
-
onFocus={[Function]}
|
|
53
|
-
placeholder="Text Area"
|
|
54
|
-
type="text"
|
|
55
|
-
value=""
|
|
56
|
-
/>
|
|
57
|
-
`;
|
|
58
|
-
|
|
59
|
-
exports[`TextBox component should display size small - secondary 1`] = `
|
|
60
|
-
<input
|
|
61
|
-
className=" container small secondary border effect borderColor_default"
|
|
62
|
-
data-id="textBox"
|
|
63
|
-
maxLength="100"
|
|
64
|
-
onBlur={[Function]}
|
|
65
|
-
onChange={[Function]}
|
|
66
|
-
onFocus={[Function]}
|
|
67
|
-
placeholder="Text Area"
|
|
68
|
-
type="text"
|
|
69
|
-
value=""
|
|
70
|
-
/>
|
|
71
|
-
`;
|
|
72
|
-
|
|
73
|
-
exports[`TextBox component should display size small 1`] = `
|
|
74
|
-
<input
|
|
75
|
-
className=" container small default border effect borderColor_default"
|
|
76
|
-
data-id="textBox"
|
|
77
|
-
maxLength="100"
|
|
78
|
-
onBlur={[Function]}
|
|
79
|
-
onChange={[Function]}
|
|
80
|
-
onFocus={[Function]}
|
|
81
|
-
placeholder="Text Area"
|
|
82
|
-
type="text"
|
|
83
|
-
value=""
|
|
84
|
-
/>
|
|
85
|
-
`;
|
|
86
|
-
|
|
87
|
-
exports[`TextBox component should display size xmedium - primary 1`] = `
|
|
88
|
-
<input
|
|
89
|
-
className=" container xmedium primary border effect borderColor_default"
|
|
90
|
-
data-id="textBox"
|
|
91
|
-
maxLength="100"
|
|
92
|
-
onBlur={[Function]}
|
|
93
|
-
onChange={[Function]}
|
|
94
|
-
onFocus={[Function]}
|
|
95
|
-
placeholder="Text Area"
|
|
96
|
-
type="text"
|
|
97
|
-
value=""
|
|
98
|
-
/>
|
|
99
|
-
`;
|
|
100
|
-
|
|
101
|
-
exports[`TextBox component should display size xmedium - secondary 1`] = `
|
|
102
|
-
<input
|
|
103
|
-
className=" container xmedium secondary border effect borderColor_default"
|
|
104
|
-
data-id="textBox"
|
|
105
|
-
maxLength="100"
|
|
106
|
-
onBlur={[Function]}
|
|
107
|
-
onChange={[Function]}
|
|
108
|
-
onFocus={[Function]}
|
|
109
|
-
placeholder="Text Area"
|
|
110
|
-
type="text"
|
|
111
|
-
value=""
|
|
112
|
-
/>
|
|
113
|
-
`;
|
|
114
|
-
|
|
115
|
-
exports[`TextBox component should display size xmedium 1`] = `
|
|
116
|
-
<input
|
|
117
|
-
className=" container xmedium default border effect borderColor_default"
|
|
118
|
-
data-id="textBox"
|
|
119
|
-
maxLength="100"
|
|
120
|
-
onBlur={[Function]}
|
|
121
|
-
onChange={[Function]}
|
|
122
|
-
onFocus={[Function]}
|
|
123
|
-
placeholder="Text Area"
|
|
124
|
-
type="text"
|
|
125
|
-
value=""
|
|
126
|
-
/>
|
|
127
|
-
`;
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`TextBox component should display size medium - primary 1`] = `
|
|
4
|
+
<input
|
|
5
|
+
className=" container medium primary border effect borderColor_default"
|
|
6
|
+
data-id="textBox"
|
|
7
|
+
maxLength="100"
|
|
8
|
+
onBlur={[Function]}
|
|
9
|
+
onChange={[Function]}
|
|
10
|
+
onFocus={[Function]}
|
|
11
|
+
placeholder="Text Area"
|
|
12
|
+
type="text"
|
|
13
|
+
value=""
|
|
14
|
+
/>
|
|
15
|
+
`;
|
|
16
|
+
|
|
17
|
+
exports[`TextBox component should display size medium - secondary 1`] = `
|
|
18
|
+
<input
|
|
19
|
+
className=" container medium secondary border effect borderColor_default"
|
|
20
|
+
data-id="textBox"
|
|
21
|
+
maxLength="100"
|
|
22
|
+
onBlur={[Function]}
|
|
23
|
+
onChange={[Function]}
|
|
24
|
+
onFocus={[Function]}
|
|
25
|
+
placeholder="Text Area"
|
|
26
|
+
type="text"
|
|
27
|
+
value=""
|
|
28
|
+
/>
|
|
29
|
+
`;
|
|
30
|
+
|
|
31
|
+
exports[`TextBox component should display size medium 1`] = `
|
|
32
|
+
<input
|
|
33
|
+
className=" container medium default border effect borderColor_default"
|
|
34
|
+
data-id="textBox"
|
|
35
|
+
maxLength="100"
|
|
36
|
+
onBlur={[Function]}
|
|
37
|
+
onChange={[Function]}
|
|
38
|
+
onFocus={[Function]}
|
|
39
|
+
placeholder="Text Area"
|
|
40
|
+
type="text"
|
|
41
|
+
value=""
|
|
42
|
+
/>
|
|
43
|
+
`;
|
|
44
|
+
|
|
45
|
+
exports[`TextBox component should display size small - primary 1`] = `
|
|
46
|
+
<input
|
|
47
|
+
className=" container small primary border effect borderColor_default"
|
|
48
|
+
data-id="textBox"
|
|
49
|
+
maxLength="100"
|
|
50
|
+
onBlur={[Function]}
|
|
51
|
+
onChange={[Function]}
|
|
52
|
+
onFocus={[Function]}
|
|
53
|
+
placeholder="Text Area"
|
|
54
|
+
type="text"
|
|
55
|
+
value=""
|
|
56
|
+
/>
|
|
57
|
+
`;
|
|
58
|
+
|
|
59
|
+
exports[`TextBox component should display size small - secondary 1`] = `
|
|
60
|
+
<input
|
|
61
|
+
className=" container small secondary border effect borderColor_default"
|
|
62
|
+
data-id="textBox"
|
|
63
|
+
maxLength="100"
|
|
64
|
+
onBlur={[Function]}
|
|
65
|
+
onChange={[Function]}
|
|
66
|
+
onFocus={[Function]}
|
|
67
|
+
placeholder="Text Area"
|
|
68
|
+
type="text"
|
|
69
|
+
value=""
|
|
70
|
+
/>
|
|
71
|
+
`;
|
|
72
|
+
|
|
73
|
+
exports[`TextBox component should display size small 1`] = `
|
|
74
|
+
<input
|
|
75
|
+
className=" container small default border effect borderColor_default"
|
|
76
|
+
data-id="textBox"
|
|
77
|
+
maxLength="100"
|
|
78
|
+
onBlur={[Function]}
|
|
79
|
+
onChange={[Function]}
|
|
80
|
+
onFocus={[Function]}
|
|
81
|
+
placeholder="Text Area"
|
|
82
|
+
type="text"
|
|
83
|
+
value=""
|
|
84
|
+
/>
|
|
85
|
+
`;
|
|
86
|
+
|
|
87
|
+
exports[`TextBox component should display size xmedium - primary 1`] = `
|
|
88
|
+
<input
|
|
89
|
+
className=" container xmedium primary border effect borderColor_default"
|
|
90
|
+
data-id="textBox"
|
|
91
|
+
maxLength="100"
|
|
92
|
+
onBlur={[Function]}
|
|
93
|
+
onChange={[Function]}
|
|
94
|
+
onFocus={[Function]}
|
|
95
|
+
placeholder="Text Area"
|
|
96
|
+
type="text"
|
|
97
|
+
value=""
|
|
98
|
+
/>
|
|
99
|
+
`;
|
|
100
|
+
|
|
101
|
+
exports[`TextBox component should display size xmedium - secondary 1`] = `
|
|
102
|
+
<input
|
|
103
|
+
className=" container xmedium secondary border effect borderColor_default"
|
|
104
|
+
data-id="textBox"
|
|
105
|
+
maxLength="100"
|
|
106
|
+
onBlur={[Function]}
|
|
107
|
+
onChange={[Function]}
|
|
108
|
+
onFocus={[Function]}
|
|
109
|
+
placeholder="Text Area"
|
|
110
|
+
type="text"
|
|
111
|
+
value=""
|
|
112
|
+
/>
|
|
113
|
+
`;
|
|
114
|
+
|
|
115
|
+
exports[`TextBox component should display size xmedium 1`] = `
|
|
116
|
+
<input
|
|
117
|
+
className=" container xmedium default border effect borderColor_default"
|
|
118
|
+
data-id="textBox"
|
|
119
|
+
maxLength="100"
|
|
120
|
+
onBlur={[Function]}
|
|
121
|
+
onChange={[Function]}
|
|
122
|
+
onFocus={[Function]}
|
|
123
|
+
placeholder="Text Area"
|
|
124
|
+
type="text"
|
|
125
|
+
value=""
|
|
126
|
+
/>
|
|
127
|
+
`;
|
|
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|
|
29
29
|
|
|
30
30
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
35
|
|
|
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
|
|
|
39
39
|
|
|
40
40
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
41
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
43
|
|
|
44
44
|
var TextBox__custom = /*#__PURE__*/function (_Component) {
|
|
45
45
|
_inherits(TextBox__custom, _Component);
|
|
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|
|
29
29
|
|
|
30
30
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
35
|
|
|
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
|
|
|
39
39
|
|
|
40
40
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
41
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
43
|
|
|
44
44
|
var TextBox__default = /*#__PURE__*/function (_Component) {
|
|
45
45
|
_inherits(TextBox__default, _Component);
|
|
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|
|
29
29
|
|
|
30
30
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
35
|
|
|
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
|
|
|
39
39
|
|
|
40
40
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
41
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
43
|
|
|
44
44
|
var TextBox__size = /*#__PURE__*/function (_Component) {
|
|
45
45
|
_inherits(TextBox__size, _Component);
|
|
@@ -29,7 +29,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
|
|
|
29
29
|
|
|
30
30
|
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
31
31
|
|
|
32
|
-
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf
|
|
32
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
33
33
|
|
|
34
34
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
35
35
|
|
|
@@ -39,7 +39,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
|
|
|
39
39
|
|
|
40
40
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
41
41
|
|
|
42
|
-
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
42
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
43
43
|
|
|
44
44
|
var TextBox__variant = /*#__PURE__*/function (_Component) {
|
|
45
45
|
_inherits(TextBox__variant, _Component);
|