@zohodesk/components 1.0.0-temp-217.2 → 1.0.0-temp-218

package/lib/SwitchNew/SwitchNew.module.css

@@ -1,229 +0,0 @@
-.switchWrapper {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-}
-.switchWrapper *, .switchWrapper:hover * {
-  cursor: pointer;
-}
-.disabled {
-  opacity: 0.4;
-  pointer-events: none;
-  cursor: not-allowed;
-}
-.track {
-  width: var(--switch-track-width);
-  height: var(--switch-track-height);
-  appearance: none;
-  /* css:theme-validation:ignore */
-  transition: background-color 0.3s ease-in-out;
-  border-radius: 10px;
-  background-color: var(--dot_paleBlue);
-  margin: 0 ;
-}
-.thumb {
-  width: var(--switch-thumb-size);
-  height: var(--switch-thumb-size);
-  /* css:theme-validation:ignore */ 
-  position: absolute;
-  pointer-events: none;
-  z-index: 1;
-  top: var(--zd_size2) ;
-  bottom: var(--zd_size2) ;
-  transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out;
-  border-radius: 50%;
-  background-color: var(--dot_white);
-}
-[dir=ltr] .thumb {
-  left: var(--zd_size2) ;
-}
-[dir=rtl] .thumb {
-  right: var(--zd_size2) ;
-}
-.track:checked {
-  /* css:theme-validation:ignore */
-  background-color: var(--dot_strongGreen); 
-}
-[dir=ltr] .track:checked + .thumb {
-  transform: translateX(calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px));
-}
-[dir=rtl] .track:checked + .thumb {
-  transform: translateX(calc(-1*(var(--switch-track-width) - var(--switch-thumb-size) - 4px)));
-}
-.switchWrapper:hover .track {
-  /* css:theme-validation:ignore */
-  background-color: var(--dot_paleNavy); 
-}
-.switchWrapper:hover .track:checked {
-  /* css:theme-validation:ignore */
-  background-color: var(--dot_camarone);
-}
-.effect:hover .offLabelWrapper > .offLabel {
-  stroke: var(--dot_black);
-}
-.small_switch {
-  --switch-track-width: var(--zd_size22);
-  --switch-track-height: var(--zd_size12);
-  --switch-thumb-size: var(--zd_size8);
-  /* --switch-off-label-size: 7px;
-  --switch-off-label-radius: 2.5px;
-  --switch-off-label-top: 2.5px;
-  --switch-off-label-right: 3px;
-  --switch-off-label-stroke: 1px;
-  --switch-on-label-width: 1.2px;
-  --switch-on-label-height: 6px;
-  --switch-on-label-top: 3px;
-  --switch-on-label-left: 5px; */
-}
-
-.medium_switch {
-  --switch-track-width: var(--zd_size28);
-  --switch-track-height: var(--zd_size16);
-  --switch-thumb-size: var(--zd_size12);
-  /* --switch-off-label-size: 8px;
-  --switch-off-label-radius: 3px;
-  --switch-off-label-top: 4px;
-  --switch-off-label-right: 3.5px;
-  --switch-off-label-stroke: 1.1px;
-  --switch-on-label-width: 1.4px;
-  --switch-on-label-height: 8px;
-  --switch-on-label-top: 4px;
-  --switch-on-label-left: 6px; */
-}
-
-.large_switch {
-  --switch-track-width: var(--zd_size34);
-  --switch-track-height: var(--zd_size20);
-  --switch-thumb-size: var(--zd_size16);
-  /* --switch-off-label-size: 9px;
-  --switch-off-label-radius: 3.5px;
-  --switch-off-label-top: 5.5px;
-  --switch-off-label-right: 4px;
-  --switch-off-label-stroke: 1.2px;
-  --switch-on-label-width: 1.6px;
-  --switch-on-label-height: 11px;
-  --switch-on-label-top: 4.5px;
-  --switch-on-label-left: 7px; */
-}
-[dir=ltr] .switchLabel_right {
-  margin-right: var(--zd_size12) ;
-}
-[dir=rtl] .switchLabel_right {
-  margin-left: var(--zd_size12) ;
-}
-[dir=ltr] .switchLabel_left {
-  margin-left: var(--zd_size12) ;
-}
-[dir=rtl] .switchLabel_left {
-  margin-right: var(--zd_size12) ;
-}
-/* .offLabelWrapper,
-.onLabelWrapper {
-  position: absolute;
-  pointer-events: none;
-}
-.offLabelWrapper {
-  width: var(--switch-off-label-size);
-  height: var(--switch-off-label-size);
-  top: var(--switch-off-label-top);
-  right: var(--switch-off-label-right);
-}
-.onLabelWrapper {
-  width: var(--switch-on-label-width);
-  height: var(--switch-on-label-height);
-  top: var(--switch-on-label-top);
-  left: var(--switch-on-label-left);
-} */
-.labelWrapper {
-  position: absolute;
-  pointer-events: none;
-}
-.smallOnLabelWrapper {
-  width: 1.2px;
-  height: var(--zd_size6) ;
-  top: var(--zd_size3) ;
-}
-[dir=ltr] .smallOnLabelWrapper {
-  left: var(--zd_size5) ;
-}
-[dir=rtl] .smallOnLabelWrapper {
-  right: var(--zd_size5) ;
-}
-.mediumOnLabelWrapper {
-  width: 1.4px;
-  height: var(--zd_size8) ;
-  top: var(--zd_size4) ;
-}
-[dir=ltr] .mediumOnLabelWrapper {
-  left: var(--zd_size6) ;
-}
-[dir=rtl] .mediumOnLabelWrapper {
-  right: var(--zd_size6) ;
-}
-.largeOnLabelWrapper {
-  width: 1.6px;
-  height: var(--zd_size11) ;
-  top: 4.5px;
-}
-[dir=ltr] .largeOnLabelWrapper {
-  left: var(--zd_size7) ;
-}
-[dir=rtl] .largeOnLabelWrapper {
-  right: var(--zd_size7) ;
-}
-.smallOffLabelWrapper {
-  width: var(--zd_size7) ;
-  height: var(--zd_size7) ;
-  top: 2.5px;
-}
-[dir=ltr] .smallOffLabelWrapper {
-  right: var(--zd_size3) ;
-}
-[dir=rtl] .smallOffLabelWrapper {
-  left: var(--zd_size3) ;
-}
-.mediumOffLabelWrapper {
-  width: var(--zd_size8) ;
-  height: var(--zd_size8) ;
-  top: var(--zd_size4) ;
-}
-[dir=ltr] .mediumOffLabelWrapper {
-  right: 3.5px;
-}
-[dir=rtl] .mediumOffLabelWrapper {
-  left: 3.5px;
-}
-.largeOffLabelWrapper {
-  width: var(--zd_size9) ;
-  height: var(--zd_size9) ;
-  top: 5.5px;
-}
-[dir=ltr] .largeOffLabelWrapper {
-  right: var(--zd_size4) ;
-}
-[dir=rtl] .largeOffLabelWrapper {
-  left: var(--zd_size4) ;
-}
-
-.offLabel {
-  stroke: var(--dot_shuttleGrey);
-  /* stroke-width: var(--switch-off-label-stroke); */
-  /* r: var(--switch-off-label-radius); */
-  fill: none;
-}
-.smallOffLabelWrapper .offLabel {
-  stroke-width: 1px;
-  r: 2.5px;
-}
-.mediumOffLabelWrapper .offLabel {
-  stroke-width: 1.1px;
-  r: 3px;
-}
-.largeOffLabelWrapper .offLabel {
-  stroke-width: 1.2px;
-  r: 3.5px;
-}
-
-.onLabel {
-  fill: var(--dot_white);
-}

package/lib/SwitchNew/props/defaultProps.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultProps = void 0;
-var defaultProps = {
-  checked: false,
-  disabled: false,
-  isReadOnly: false,
-  size: 'medium',
-  dataSelectorId: 'switch',
-  labelSize: 'medium',
-  labelPlacement: 'right'
-};
-exports.defaultProps = defaultProps;

package/lib/SwitchNew/props/propTypes.js

@@ -1,43 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.propTypes = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-var propTypes = {
-  id: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  name: _propTypes["default"].string,
-  value: _propTypes["default"].bool,
-  checked: _propTypes["default"].bool,
-  disabled: _propTypes["default"].bool,
-  isReadOnly: _propTypes["default"].bool,
-  size: _propTypes["default"].oneOf(['small', 'medium', 'large']),
-  text: _propTypes["default"].string,
-  disableTitle: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  onChange: _propTypes["default"].func,
-  dataSelectorId: _propTypes["default"].string,
-  customClass: _propTypes["default"].shape({
-    customSwitchWrap: _propTypes["default"].string,
-    customSwitch: _propTypes["default"].string,
-    customLabel: _propTypes["default"].string
-  }),
-  customProps: _propTypes["default"].shape({
-    SwitchProps: _propTypes["default"].shape({
-      WrapperProps: _propTypes["default"].object,
-      TrackProps: _propTypes["default"].object
-    }),
-    LabelProps: _propTypes["default"].object
-  }),
-  labelPalette: _propTypes["default"].oneOf[("default", "primary", "secondary", "danger", "mandatory", "disable", "dark")],
-  labelSize: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
-  labelPlacement: _propTypes["default"].string,
-  a11y: _propTypes["default"].object
-};
-exports.propTypes = propTypes;