@zohodesk/dot 1.0.0-temp-227 → 1.0.0-temp-228

package/es/version2/lookup/AlertHeader/css/cssJSLogic.js

@@ -7,15 +7,10 @@ export default function cssJSLogic(_ref) {
   let {
     children,
     type,
-    title,
-    customClass
+    title
   } = props;
-  let {
-    container
-  } = customClass;
   let alertHeaderContainerClass = compileClassNames({
     [style.container]: true,
-    [container]: !!container,
     [style.headerLayout]: !!title || !!children,
     [style[type]]: !!type
   });

package/es/version2/lookup/AlertHeader/props/defaultProps.js

@@ -3,8 +3,6 @@ export default {
   type: 'danger',
   breakChildren: false,
   dataId: 'alertHeader',
-  isDraggable: true,
-  customClass: {},
   dragBoundaryLimit: {
     top: 0,
     left: 50,

package/es/version2/lookup/AlertHeader/props/propTypes.js

@@ -8,16 +8,6 @@ export default {
   onClose: PropTypes.func,
   title: PropTypes.string,
   type: PropTypes.oneOf(['success', 'error', 'danger', 'warning', 'info', 'notification']),
-  isDraggable: PropTypes.bool,
-  customClass: PropTypes.shape({
-    container: PropTypes.string,
-    title: PropTypes.string,
-    iconContainer: PropTypes.string,
-    close: PropTypes.string
-  }),
-  renderCustomIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  renderSecondaryContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
-  renderRightActions: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),
   htmlId: PropTypes.string,
   customStyle: PropTypes.object,
   dragBoundaryLimit: PropTypes.shape({

package/lib/ActionButton/ActionButton.js

@@ -25,12 +25,16 @@ var _ResponsiveDropBox = _interopRequireDefault(require("@zohodesk/components/es
 
 var _CssProvider = _interopRequireDefault(require("@zohodesk/components/es/Provider/CssProvider"));
 
+var _IdProvider = require("@zohodesk/components/es/Provider/IdProvider");
+
 var _ActionButtonModule = _interopRequireDefault(require("./ActionButton.module.css"));
 
 var _semanticButtonModule = _interopRequireDefault(require("@zohodesk/components/es/semantic/Button/semanticButton.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -62,8 +66,10 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
     _classCallCheck(this, ActionButton);
 
     _this = _super.call(this, props);
+    _this.getElementId = (0, _IdProvider.getUniqueId)(_assertThisInitialized(_this));
     _this.handleTogglePopup = _this.handleTogglePopup.bind(_assertThisInitialized(_this));
     _this.handlePopupOpen = _this.handlePopupOpen.bind(_assertThisInitialized(_this));
+    _this.popupId = _this.getElementId();
     return _this;
   }
 
@@ -117,7 +123,9 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
           isAbsolutePositioningNeeded = _this$props3.isAbsolutePositioningNeeded,
           isRestrictScroll = _this$props3.isRestrictScroll,
           positionsOffset = _this$props3.positionsOffset,
-          targetOffset = _this$props3.targetOffset;
+          targetOffset = _this$props3.targetOffset,
+          a11yAttributes = _this$props3.a11yAttributes;
+      var a11yAttributes_splitButton = a11yAttributes.splitButton;
       return /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         alignBox: "row",
         isCover: false,
@@ -144,8 +152,7 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         dataId: dataId,
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"].contentBox, " ").concat(_ActionButtonModule["default"][palette + 'Btn'], " ").concat(_ActionButtonModule["default"][size + '_btnBox'], " ").concat(children ? _ActionButtonModule["default"].contentBoxBdr : _ActionButtonModule["default"].contentBoxBdrRds, " ").concat(_ActionButtonModule["default"].clickable, " ").concat(innerClassName, " "),
         "data-title": dataTitle,
-        tagName: "button",
-        tabIndex: "0"
+        tagName: "button"
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
@@ -165,22 +172,23 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
       }, text) : null)), subText ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         "data-title": removeChildrenTooltip ? null : subText,
         className: _ActionButtonModule["default"].subTxt
-      }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
+      }, subText) : null)), children ? /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Layout.Box, _extends({}, a11yAttributes_splitButton, {
         onClick: onClick && !onHover ? this.handleTogglePopup : this.handlePopupOpen,
         onMouseEnter: onClick ? onHover && this.handleTogglePopup : undefined,
         onMouseLeave: onClick ? onHover && this.handleTogglePopup : undefined,
         className: "".concat(_semanticButtonModule["default"].buttonReset, " ").concat(_ActionButtonModule["default"][arrowBoxSize + '_arrowBox'], " ").concat(_ActionButtonModule["default"][palette + 'Arw'], "  ").concat(_ActionButtonModule["default"].arrowWrapper, " ").concat(isPopupOpen ? _ActionButtonModule["default"].arrowActive : ''),
         dataId: "".concat(dataId, "_arrowButton"),
-        tabIndex: "0",
         tagName: "button",
-        dataSelectorId: "".concat(dataSelectorId, "_arrowButton")
-      }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
+        dataSelectorId: "".concat(dataSelectorId, "_arrowButton"),
+        "aria-expanded": isPopupOpen,
+        "aria-controls": this.popupId
+      }), /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         align: "both"
       }, /*#__PURE__*/_react["default"].createElement(_icons.Icon, {
         name: "ZD-down",
         size: "6",
         iconClass: _ActionButtonModule["default"].arrow
-      })), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
+      }))), isPopupOpen ? /*#__PURE__*/_react["default"].createElement(_ResponsiveDropBox["default"], {
         size: "small",
         isActive: isPopupOpen,
         boxPosition: position,
@@ -198,7 +206,8 @@ var ActionButton = /*#__PURE__*/function (_React$Component) {
         isAbsolutePositioningNeeded: isAbsolutePositioningNeeded,
         isRestrictScroll: isRestrictScroll,
         positionsOffset: positionsOffset,
-        targetOffset: targetOffset
+        targetOffset: targetOffset,
+        htmlId: this.popupId
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Box, {
         flexible: true,
         shrink: true,

package/lib/ActionButton/props/defaultProps.js

@@ -21,6 +21,7 @@ var defaultProps = {
   removeChildrenTooltip: false,
   innerClassName: '',
   isAbsolutePositioningNeeded: true,
-  isRestrictScroll: false
+  isRestrictScroll: false,
+  a11yAttributes: {}
 };
 exports.defaultProps = defaultProps;

package/lib/ActionButton/props/propTypes.js

@@ -43,6 +43,9 @@ var propTypes = {
   isAbsolutePositioningNeeded: _propTypes["default"].bool,
   isRestrictScroll: _propTypes["default"].bool,
   positionsOffset: _propTypes["default"].object,
-  targetOffset: _propTypes["default"].object
+  targetOffset: _propTypes["default"].object,
+  a11yAttributes: _propTypes["default"].shape({
+    splitButton: _propTypes["default"].object
+  })
 };
 exports.propTypes = propTypes;

package/lib/DotProvider/hooks/useDotProvider.js

@@ -9,11 +9,11 @@ var _react = require("react");
 
 var _useDownloadAssetsAndSetAttr = _interopRequireDefault(require("./useDownloadAssetsAndSetAttr"));
 
-require("@zohodesk/components/assets/Contrast/lightContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/lightContrastLightness.module.css");
 
-require("@zohodesk/components/assets/Contrast/darkContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/darkContrastLightness.module.css");
 
-require("@zohodesk/components/assets/Contrast/pureDarkContrastLightness.module.css");
+require("@zohodesk/variables/assets/Contrast/pureDarkContrastLightness.module.css");
 
 require("@zohodesk/variables/assets/colorVariables.module.css");
 

package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/mode/globalTokens_DarkMode.module.css");

package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/mode/globalTokens_LightMode.module.css");

package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js

@@ -0,0 +1,3 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/mode/globalTokens_PureDarkMode.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js

@@ -1,7 +1,3 @@
 "use strict";
 
-require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css");
-
-require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css");
-
 require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/blue/blue_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/blue/blue_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/blue/blue_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/green/green_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/green/green_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/green/green_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/orange/orange_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/orange/orange_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/orange/orange_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/red/red_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/red/red_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/red/red_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/dark/themes/yellow/yellow_ctaTokens_DarkModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/light/themes/yellow/yellow_ctaTokens_LightModifyCategory.module.css");

package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js

@@ -0,0 +1,5 @@
+"use strict";
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkTheme.module.css");
+
+require("@zohodesk/variables/assets/Appearance/pureDark/themes/yellow/yellow_ctaTokens_PureDarkModifyCategory.module.css");

package/lib/DotProvider/utils/constants.js

@@ -3,7 +3,9 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
+exports.THEME_COLOR_YELLOW = exports.THEME_COLOR_RED = exports.THEME_COLOR_ORANGE = exports.THEME_COLOR_GREEN = exports.THEME_COLOR_BLUE = exports.THEME_COLORS = exports.THEME_APPEARANCE_PURE_DARK = exports.THEME_APPEARANCE_LIGHT = exports.THEME_APPEARANCE_DARK = exports.THEME_APPEARANCES = exports.LIBRARY_VARIABLES = exports.LIBRARY_SVG = exports.LIBRARY_DOT = exports.LIBRARY_COMPONENT = exports.LIBRARIES = void 0;
+var LIBRARY_VARIABLES = 'variables';
+exports.LIBRARY_VARIABLES = LIBRARY_VARIABLES;
 var LIBRARY_COMPONENT = 'component';
 exports.LIBRARY_COMPONENT = LIBRARY_COMPONENT;
 var LIBRARY_DOT = 'dot';
@@ -26,7 +28,7 @@ var THEME_COLOR_RED = 'red';
 exports.THEME_COLOR_RED = THEME_COLOR_RED;
 var THEME_COLOR_YELLOW = 'yellow';
 exports.THEME_COLOR_YELLOW = THEME_COLOR_YELLOW;
-var LIBRARIES = [LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
+var LIBRARIES = [LIBRARY_VARIABLES, LIBRARY_COMPONENT, LIBRARY_DOT, LIBRARY_SVG];
 exports.LIBRARIES = LIBRARIES;
 var THEME_APPEARANCES = [THEME_APPEARANCE_LIGHT, THEME_APPEARANCE_DARK, THEME_APPEARANCE_PURE_DARK];
 exports.THEME_APPEARANCES = THEME_APPEARANCES;

package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js

@@ -7,7 +7,7 @@ exports.themeAppearanceMapping = exports.themeAppearanceImports = void 0;
 
 var _constants = require("./constants");
 
-var _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _themeAppearanceMappi;
+var _LIBRARY_VARIABLES, _LIBRARY_COMPONENT, _LIBRARY_DOT, _LIBRARY_SVG, _themeAppearanceMappi;
 
 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); }
 
@@ -18,6 +18,21 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 var themeAppearanceImports = {
+  Lib_LightMode_Variables: function Lib_LightMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/Light_Variables"));
+    });
+  },
+  Lib_DarkMode_Variables: function Lib_DarkMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/Dark_Variables"));
+    });
+  },
+  Lib_PureDarkMode_Variables: function Lib_PureDarkMode_Variables() {
+    return Promise.resolve().then(function () {
+      return _interopRequireWildcard(require("../libraryChunks/appearance/variables/PureDark_Variables"));
+    });
+  },
   Lib_LightMode_Component: function Lib_LightMode_Component() {
     return Promise.resolve().then(function () {
       return _interopRequireWildcard(require("../libraryChunks/appearance/component/Light_Component"));
@@ -65,5 +80,5 @@ var themeAppearanceImports = {
   }
 };
 exports.themeAppearanceImports = themeAppearanceImports;
-var themeAppearanceMapping = (_themeAppearanceMappi = {}, _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Component'), _LIBRARY_COMPONENT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Dot'), _LIBRARY_DOT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_SVG'), _LIBRARY_SVG)), _themeAppearanceMappi);
+var themeAppearanceMapping = (_themeAppearanceMappi = {}, _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_VARIABLES, (_LIBRARY_VARIABLES = {}, _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Variables'), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Variables'), _defineProperty(_LIBRARY_VARIABLES, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Variables'), _LIBRARY_VARIABLES)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_COMPONENT, (_LIBRARY_COMPONENT = {}, _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Component'), _defineProperty(_LIBRARY_COMPONENT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Component'), _LIBRARY_COMPONENT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_DOT, (_LIBRARY_DOT = {}, _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_Dot'), _defineProperty(_LIBRARY_DOT, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_Dot'), _LIBRARY_DOT)), _defineProperty(_themeAppearanceMappi, _constants.LIBRARY_SVG, (_LIBRARY_SVG = {}, _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_LIGHT, 'Lib_LightMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_DARK, 'Lib_DarkMode_SVG'), _defineProperty(_LIBRARY_SVG, _constants.THEME_APPEARANCE_PURE_DARK, 'Lib_PureDarkMode_SVG'), _LIBRARY_SVG)), _themeAppearanceMappi);
 exports.themeAppearanceMapping = themeAppearanceMapping;