@zohodesk/components 1.0.0-temp-244 → 1.0.0-temp-245

package/lib/common/customscroll.module.css

@@ -1,142 +1,142 @@
-.scroll {
-  /*  Variable:Ignore  */
-  --zd-scroll-width: 12px;
-  /*  Variable:Ignore  */
-  --zd-scroll-height: 12px;
-  --zd-scroll-bg: var(--zdt_customscroll_default_bg);
-  --zd-scroll-corner-bg: transparent;
-  --zd-scroll-thump: var(--zdt_customscroll_thump_bg);
-  --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
-  --zd-scroll-border: var(--zdt_customscroll_border);
-}
-
-.scroll[data-scroll-palette='dark'],
-.scroll [data-scroll-palette='dark'] {
-  --zd-scroll-bg: var(--zdt_customscroll_dark_bg);
-  --zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
-  --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
-  --zd-scroll-border: var(--zdt_customscroll_dark_border);
-}
-
-.scroll,
-.scroll * {
-  /* css:theme-validation:ignore */
-  scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
-  scrollbar-width: thin;
-  /* css:theme-validation:ignore */
-  -ms-scrollbar-highlight-color: var(--zd-scroll-bg);
-  /* css:theme-validation:ignore */
-  -ms-scrollbar-face-color: var(--zd-scroll-thump);
-}
-
-.scroll::-webkit-scrollbar,
-.scroll ::-webkit-scrollbar {
-  /* css:theme-validation:ignore */
-}
-
-.scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
-  background: var(--zd-scroll-corner-bg);
-}
-
-.scroll::-webkit-scrollbar:hover,
-.scroll ::-webkit-scrollbar:hover {
-  /* css:theme-validation:ignore */
-}
-
-.scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
-  background: var(--zd-scroll-bg);
-}
-
-.scroll::-webkit-scrollbar:horizontal,
-.scroll ::-webkit-scrollbar:horizontal {
-  height: var(--zd-scroll-height);
-}
-
-.scroll::-webkit-scrollbar:vertical,
-.scroll ::-webkit-scrollbar:vertical {
-  width: var(--zd-scroll-width);
-}
-
-.scroll::-webkit-scrollbar-button,
-.scroll ::-webkit-scrollbar-button {
-  display: none;
-  width: 0 ;
-  height: 0 ;
-}
-
-[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
-  border-left: 1px solid transparent;
-  border-right: 1px solid transparent;
-}
-
-[dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
-  border-right: 1px solid transparent;
-  border-left: 1px solid transparent;
-}
-
-.scroll::-webkit-scrollbar-track:vertical:hover,
-.scroll ::-webkit-scrollbar-track:vertical:hover {
-  /* css:theme-validation:ignore */
-}
-
-.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
-  border-color: var(--zd-scroll-border);
-}
-
-.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
-  border-top: 1px solid transparent;
-  border-bottom: 1px solid transparent;
-}
-
-.scroll::-webkit-scrollbar-track:horizontal:hover,
-.scroll ::-webkit-scrollbar-track:horizontal:hover {
-  /* css:theme-validation:ignore */
-}
-
-.scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
-  border-color: var(--zd-scroll-border);
-}
-
-.scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
-  background: inherit;
-}
-
-.scroll::-webkit-scrollbar-thumb,
-.scroll ::-webkit-scrollbar-thumb {
-  /* css:theme-validation:ignore */
-  /* display: none; */
-}
-
-.scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
-  border-radius: 10px;
-  background: var(--zd-scroll-thump);
-  background-clip: padding-box;
-  border: 3px solid transparent;
-}
-
-.scroll::-webkit-scrollbar-thumb:hover,
-.scroll ::-webkit-scrollbar-thumb:hover {
-  /* css:theme-validation:ignore */
-}
-
-.scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
-  background: var(--zd-scroll-thump-hoverbg);
-  background-clip: padding-box;
-  border: 3px solid transparent;
-}
-
-/* .scroll:hover > ::-webkit-scrollbar-thumb,
-.scroll *:hover > ::-webkit-scrollbar-thumb {
-  display: block;
-} */
-.scroll::-webkit-scrollbar-corner,
-.scroll ::-webkit-scrollbar-corner {
-  /* css:theme-validation:ignore */
-}
-.scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
-  background: var(--zd-scroll-corner-bg);
-}
-
-.scroll::-webkit-resizer, .scroll ::-webkit-resizer {
-  background: inherit;
+.scroll {
+  /*  Variable:Ignore  */
+  --zd-scroll-width: 12px;
+  /*  Variable:Ignore  */
+  --zd-scroll-height: 12px;
+  --zd-scroll-bg: var(--zdt_customscroll_default_bg);
+  --zd-scroll-corner-bg: transparent;
+  --zd-scroll-thump: var(--zdt_customscroll_thump_bg);
+  --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_hover_bg);
+  --zd-scroll-border: var(--zdt_customscroll_border);
+}
+
+.scroll[data-scroll-palette='dark'],
+.scroll [data-scroll-palette='dark'] {
+  --zd-scroll-bg: var(--zdt_customscroll_dark_bg);
+  --zd-scroll-thump: var(--zdt_customscroll_thump_dark_bg);
+  --zd-scroll-thump-hoverbg: var(--zdt_customscroll_thump_dark_hover_bg);
+  --zd-scroll-border: var(--zdt_customscroll_dark_border);
+}
+
+.scroll,
+.scroll * {
+  /* css:theme-validation:ignore */
+  scrollbar-color: var(--zd-scroll-thump) var(--zd-scroll-bg);
+  scrollbar-width: thin;
+  /* css:theme-validation:ignore */
+  -ms-scrollbar-highlight-color: var(--zd-scroll-bg);
+  /* css:theme-validation:ignore */
+  -ms-scrollbar-face-color: var(--zd-scroll-thump);
+}
+
+.scroll::-webkit-scrollbar,
+.scroll ::-webkit-scrollbar {
+  /* css:theme-validation:ignore */
+}
+
+.scroll::-webkit-scrollbar, .scroll ::-webkit-scrollbar {
+  background: var(--zd-scroll-corner-bg);
+}
+
+.scroll::-webkit-scrollbar:hover,
+.scroll ::-webkit-scrollbar:hover {
+  /* css:theme-validation:ignore */
+}
+
+.scroll::-webkit-scrollbar:hover, .scroll ::-webkit-scrollbar:hover {
+  background: var(--zd-scroll-bg);
+}
+
+.scroll::-webkit-scrollbar:horizontal,
+.scroll ::-webkit-scrollbar:horizontal {
+  height: var(--zd-scroll-height);
+}
+
+.scroll::-webkit-scrollbar:vertical,
+.scroll ::-webkit-scrollbar:vertical {
+  width: var(--zd-scroll-width);
+}
+
+.scroll::-webkit-scrollbar-button,
+.scroll ::-webkit-scrollbar-button {
+  display: none;
+  width: 0 ;
+  height: 0 ;
+}
+
+[dir=ltr] .scroll::-webkit-scrollbar-track:vertical, [dir=ltr] .scroll ::-webkit-scrollbar-track:vertical {
+  border-left: 1px solid transparent;
+  border-right: 1px solid transparent;
+}
+
+[dir=rtl] .scroll::-webkit-scrollbar-track:vertical, [dir=rtl] .scroll ::-webkit-scrollbar-track:vertical {
+  border-right: 1px solid transparent;
+  border-left: 1px solid transparent;
+}
+
+.scroll::-webkit-scrollbar-track:vertical:hover,
+.scroll ::-webkit-scrollbar-track:vertical:hover {
+  /* css:theme-validation:ignore */
+}
+
+.scroll::-webkit-scrollbar-track:vertical:hover, .scroll ::-webkit-scrollbar-track:vertical:hover {
+  border-color: var(--zd-scroll-border);
+}
+
+.scroll::-webkit-scrollbar-track:horizontal, .scroll ::-webkit-scrollbar-track:horizontal {
+  border-top: 1px solid transparent;
+  border-bottom: 1px solid transparent;
+}
+
+.scroll::-webkit-scrollbar-track:horizontal:hover,
+.scroll ::-webkit-scrollbar-track:horizontal:hover {
+  /* css:theme-validation:ignore */
+}
+
+.scroll::-webkit-scrollbar-track:horizontal:hover, .scroll ::-webkit-scrollbar-track:horizontal:hover {
+  border-color: var(--zd-scroll-border);
+}
+
+.scroll::-webkit-scrollbar-track-piece, .scroll ::-webkit-scrollbar-track-piece {
+  background: inherit;
+}
+
+.scroll::-webkit-scrollbar-thumb,
+.scroll ::-webkit-scrollbar-thumb {
+  /* css:theme-validation:ignore */
+  /* display: none; */
+}
+
+.scroll::-webkit-scrollbar-thumb, .scroll ::-webkit-scrollbar-thumb {
+  border-radius: 10px;
+  background: var(--zd-scroll-thump);
+  background-clip: padding-box;
+  border: 3px solid transparent;
+}
+
+.scroll::-webkit-scrollbar-thumb:hover,
+.scroll ::-webkit-scrollbar-thumb:hover {
+  /* css:theme-validation:ignore */
+}
+
+.scroll::-webkit-scrollbar-thumb:hover, .scroll ::-webkit-scrollbar-thumb:hover {
+  background: var(--zd-scroll-thump-hoverbg);
+  background-clip: padding-box;
+  border: 3px solid transparent;
+}
+
+/* .scroll:hover > ::-webkit-scrollbar-thumb,
+.scroll *:hover > ::-webkit-scrollbar-thumb {
+  display: block;
+} */
+.scroll::-webkit-scrollbar-corner,
+.scroll ::-webkit-scrollbar-corner {
+  /* css:theme-validation:ignore */
+}
+.scroll::-webkit-scrollbar-corner, .scroll ::-webkit-scrollbar-corner {
+  background: var(--zd-scroll-corner-bg);
+}
+
+.scroll::-webkit-resizer, .scroll ::-webkit-resizer {
+  background: inherit;
 }

package/lib/v1/Label/Label.js

@@ -1,51 +1,106 @@
 "use strict";
 
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = Label;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
-var _defaultProps = require("./props/defaultProps");
+var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));
 
 var _propTypes = require("./props/propTypes");
 
-var _LabelModule = _interopRequireDefault(require("../../Label/Label.module.css"));
+var _cssJSLogic2 = _interopRequireDefault(require("./css/cssJSLogic"));
+
+var _utils = require("@zohodesk/utils");
+
+var _ComponentRegistry = require("@zohodesk/dotkit/es/react/ComponentRegistry");
+
+var _Flex = _interopRequireDefault(require("@zohodesk/layout/es/Flex/Flex"));
 
-var _LabelColorsModule = _interopRequireDefault(require("../../Label/LabelColors.module.css"));
+var _Typography = _interopRequireDefault(require("../../Typography/Typography"));
+
+var _Label_v1Module = _interopRequireDefault(require("./css/Label_v1.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function Label(props) {
-  var text = props.text,
-      type = props.type,
-      palette = props.palette,
-      size = props.size,
-      clipped = props.clipped,
-      htmlFor = props.htmlFor,
-      title = props.title,
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var Label = function Label(props) {
+  var htmlFor = props.htmlFor,
       onClick = props.onClick,
-      dataId = props.dataId,
-      dataSelectorId = props.dataSelectorId,
-      variant = props.variant,
-      customClass = props.customClass,
-      id = props.id,
-      _props$a11y = props.a11y,
-      a11y = _props$a11y === void 0 ? {} : _props$a11y;
-  var tabIndex = a11y.tabIndex;
-  return /*#__PURE__*/_react["default"].createElement("label", {
-    className: "".concat(_LabelModule["default"].label, " ").concat(_LabelModule["default"][type], " ").concat(_LabelModule["default"][size], " ").concat(_LabelColorsModule["default"][palette], " ").concat(_LabelModule["default"]["font_".concat(variant)], "\n          ").concat(clipped ? _LabelModule["default"].dotted : '', " ").concat(onClick ? _LabelModule["default"].pointer : _LabelModule["default"].cursor, " ").concat(customClass, " "),
-    htmlFor: htmlFor,
-    "data-title": title,
-    "data-id": dataId,
-    "data-test-id": dataId,
-    "data-selector-id": dataSelectorId,
-    onClick: onClick,
-    id: id,
-    tabIndex: tabIndex
-  }, text);
-}
-
-Label.defaultProps = _defaultProps.defaultProps;
+      text = props.text,
+      customId = props.customId,
+      testId = props.testId,
+      customStyle = props.customStyle,
+      tagAttributes = props.tagAttributes,
+      a11yAttributes = props.a11yAttributes,
+      customProps = props.customProps,
+      isRequired = props.isRequired,
+      isDisabled = props.isDisabled,
+      requiredType = props.requiredType,
+      shouldHighlightRequired = props.shouldHighlightRequired;
+  var tagAttributes_container = tagAttributes.container,
+      tagAttributes_label = tagAttributes.label;
+  var a11yAttributes_container = a11yAttributes.container,
+      a11yAttributes_label = a11yAttributes.label;
+  var customProps_container = customProps.container,
+      customProps_label = customProps.label;
+  var style = (0, _utils.mergeStyle)(_Label_v1Module["default"], customStyle);
+
+  var _cssJSLogic = (0, _cssJSLogic2["default"])({
+    props: _objectSpread(_objectSpread({}, props), {}, {
+      requiredType: requiredType,
+      shouldHighlightRequired: shouldHighlightRequired,
+      isRequired: isRequired,
+      isDisabled: isDisabled
+    }),
+    style: style
+  }),
+      labelClass = _cssJSLogic.labelClass,
+      requiredClass = _cssJSLogic.requiredClass;
+
+  return /*#__PURE__*/_react["default"].createElement(_Flex["default"], _extends({
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $tagAttributes_container: _objectSpread({
+      'data-selector-id': customId
+    }, tagAttributes_container),
+    $a11yAttributes_container: a11yAttributes_container,
+    testId: testId,
+    customId: customId
+  }, customProps_container), /*#__PURE__*/_react["default"].createElement(_Typography["default"], _extends({
+    $ui_tagName: "label",
+    $ui_className: labelClass,
+    $i18n_dataTitle: text,
+    $tagAttributes_text: _objectSpread({
+      htmlFor: htmlFor,
+      onClick: onClick
+    }, tagAttributes_label),
+    $a11yAttributes_text: a11yAttributes_label
+  }, customProps_label), text), isRequired && requiredType === 'text' ? /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
+    $ui_tagName: "span",
+    $ui_className: requiredClass
+  }, "(Required)") : '');
+};
+
+var _default = (0, _ComponentRegistry.withComponentRegistrar)(Label, {
+  name: 'ZDC_v1_Label'
+});
+
+exports["default"] = _default;
+Label.defaultProps = _defaultProps["default"];
 Label.propTypes = _propTypes.propTypes;

package/lib/v1/Label/css/Label_v1.module.css

@@ -0,0 +1,43 @@
+.label {
+    font-size: var(--zd_font_size14) ;
+    color: var(--zdt_v1_label_text);
+    cursor: pointer;
+}
+
+.dotted {
+    composes: dotted from '../../../common/common.module.css';
+}
+
+.required {
+    color: var(--zdt_v1_label_mandatory_text);
+}
+
+.asterisk:after {
+    content: "*";
+    color: var(--zdt_v1_label_mandatory_text);
+}
+
+[dir=ltr] .asterisk:after {
+    padding-left: var(--zd_size2) ;
+}
+
+[dir=rtl] .asterisk:after {
+    padding-right: var(--zd_size2) ;
+}
+
+.requiredTxt {
+    color: var(--zdt_v1_label_mandatory_text);
+    font-size: var(--zd_font_size14) ;
+}
+
+[dir=ltr] .requiredTxt {
+    margin-left: var(--zd_size5) ;
+}
+
+[dir=rtl] .requiredTxt {
+    margin-right: var(--zd_size5) ;
+}
+
+.disabled {
+    color: var(--zdt_v1_label_disabled_text);
+}

package/lib/v1/Label/css/cssJSLogic.js

@@ -0,0 +1,31 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = cssJSLogic;
+
+var _compileClassNames3 = _interopRequireDefault(require("@zohodesk/utils/es/compileClassNames"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function cssJSLogic(_ref) {
+  var _compileClassNames;
+
+  var props = _ref.props,
+      style = _ref.style;
+  var isClipped = props.isClipped,
+      requiredType = props.requiredType,
+      shouldHighlightRequired = props.shouldHighlightRequired,
+      isRequired = props.isRequired,
+      isDisabled = props.isDisabled; // const shouldHighlightMandatory = localStorage?.getItem('mandatoryAppearance') === 'true';
+
+  var labelClass = (0, _compileClassNames3["default"])((_compileClassNames = {}, _defineProperty(_compileClassNames, style.label, true), _defineProperty(_compileClassNames, style.dotted, isClipped), _defineProperty(_compileClassNames, style.asterisk, isRequired && requiredType === 'asterisk'), _defineProperty(_compileClassNames, style.required, isRequired && shouldHighlightRequired), _defineProperty(_compileClassNames, style.disabled, isDisabled), _compileClassNames));
+  var requiredClass = (0, _compileClassNames3["default"])(_defineProperty({}, style.requiredTxt, true));
+  return {
+    labelClass: labelClass,
+    requiredClass: requiredClass
+  };
+}

package/lib/v1/Label/props/defaultProps.js

@@ -3,16 +3,14 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.defaultProps = void 0;
-var defaultProps = {
-  clipped: false,
-  dataId: 'label',
-  palette: 'default',
-  size: 'medium',
-  text: 'Label',
-  type: 'title',
-  variant: 'default',
-  customClass: '',
-  dataSelectorId: 'label'
+exports["default"] = void 0;
+var _default = {
+  customProps: {},
+  tagAttributes: {},
+  a11yAttributes: {},
+  customStyle: {},
+  shouldHighlightRequired: false,
+  isDisabled: false,
+  isClipped: true
 };
-exports.defaultProps = defaultProps;
+exports["default"] = _default;

package/lib/v1/Label/props/propTypes.js

@@ -3,28 +3,35 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.propTypes = void 0;
+exports["default"] = void 0;
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var propTypes = {
-  clipped: _propTypes["default"].bool,
-  dataId: _propTypes["default"].string,
-  dataSelectorId: _propTypes["default"].string,
+var _default = {
   htmlFor: _propTypes["default"].string,
-  onClick: _propTypes["default"].func,
-  palette: _propTypes["default"].oneOf(['default', 'primary', 'secondary', 'danger', 'mandatory', 'disable', 'dark']),
-  size: _propTypes["default"].oneOf(['xsmall', 'small', 'medium', 'large']),
   text: _propTypes["default"].string,
-  title: _propTypes["default"].string,
-  type: _propTypes["default"].oneOf(['title', 'subtitle']),
-  variant: _propTypes["default"].oneOf(['primary', 'default']),
-  customClass: _propTypes["default"].string,
-  a11y: _propTypes["default"].shape({
-    tabIndex: _propTypes["default"].string
+  onClick: _propTypes["default"].func,
+  a11yAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  tagAttributes: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
+  }),
+  customProps: _propTypes["default"].shape({
+    container: _propTypes["default"].object,
+    label: _propTypes["default"].object
   }),
-  id: _propTypes["default"].string
+  customId: _propTypes["default"].string,
+  testId: _propTypes["default"].string,
+  customStyle: _propTypes["default"].object,
+  requiredType: _propTypes["default"].oneOf(['asterisk', 'text']),
+  shouldHighlightRequired: _propTypes["default"].bool,
+  isClipped: _propTypes["default"].bool,
+  isRequired: _propTypes["default"].bool,
+  isDisabled: _propTypes["default"].bool
 };
-exports.propTypes = propTypes;
+exports["default"] = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/components",
-  "version": "1.0.0-temp-244",
+  "version": "1.0.0-temp-245",
   "main": "es/index.js",
   "module": "es/index.js",
   "private": false,