@zohodesk/svg 1.0.0-beta.37 → 1.0.0-beta.38

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.
Files changed (148) hide show
  1. package/README.md +4 -0
  2. package/es/svg/Appearance/dark/mode/darkEmptyStates.module.css +35 -35
  3. package/es/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +8 -8
  4. package/es/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +8 -8
  5. package/es/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +8 -8
  6. package/es/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +8 -8
  7. package/es/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +8 -8
  8. package/es/svg/Appearance/default/mode/defaultEmptyStates.module.css +35 -35
  9. package/es/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +8 -8
  10. package/es/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +8 -8
  11. package/es/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +8 -8
  12. package/es/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +8 -8
  13. package/es/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +8 -8
  14. package/lib/Provider.js +3 -3
  15. package/lib/svg/Appearance/dark/mode/darkEmptyStates.module.css +35 -35
  16. package/lib/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +8 -8
  17. package/lib/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +8 -8
  18. package/lib/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +8 -8
  19. package/lib/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +8 -8
  20. package/lib/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +8 -8
  21. package/lib/svg/Appearance/default/mode/defaultEmptyStates.module.css +35 -35
  22. package/lib/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +8 -8
  23. package/lib/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +8 -8
  24. package/lib/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +8 -8
  25. package/lib/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +8 -8
  26. package/lib/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +8 -8
  27. package/lib/svg/EmptyAccounts.js +3 -3
  28. package/lib/svg/EmptyActiveCalls.js +3 -3
  29. package/lib/svg/EmptyActivity.js +3 -3
  30. package/lib/svg/EmptyAgent.js +3 -3
  31. package/lib/svg/EmptyAgentQueue.js +3 -3
  32. package/lib/svg/EmptyApproval.js +3 -3
  33. package/lib/svg/EmptyArchived.js +3 -3
  34. package/lib/svg/EmptyAttach.js +3 -3
  35. package/lib/svg/EmptyBlueprint.js +3 -3
  36. package/lib/svg/EmptyBusinessHoliday.js +3 -3
  37. package/lib/svg/EmptyBusinessHour.js +3 -3
  38. package/lib/svg/EmptyCallHistory.js +3 -3
  39. package/lib/svg/EmptyCollision.js +3 -3
  40. package/lib/svg/EmptyColumn.js +3 -3
  41. package/lib/svg/EmptyContact.js +3 -3
  42. package/lib/svg/EmptyContract.js +3 -3
  43. package/lib/svg/EmptyConversation.js +3 -3
  44. package/lib/svg/EmptyCrm.js +3 -3
  45. package/lib/svg/EmptyCrmNotes.js +3 -3
  46. package/lib/svg/EmptyCrmPotential.js +3 -3
  47. package/lib/svg/EmptyCustomDomain.js +3 -3
  48. package/lib/svg/EmptyDashboard.js +3 -3
  49. package/lib/svg/EmptyDepartment.js +3 -3
  50. package/lib/svg/EmptyError.js +3 -3
  51. package/lib/svg/EmptyFeed.js +3 -3
  52. package/lib/svg/EmptyFollowers.js +3 -3
  53. package/lib/svg/EmptyFrame.js +3 -3
  54. package/lib/svg/EmptyFromAddress.js +3 -3
  55. package/lib/svg/EmptyHappiness.js +3 -3
  56. package/lib/svg/EmptyHistory.js +3 -3
  57. package/lib/svg/EmptyImportHistory.js +3 -3
  58. package/lib/svg/EmptyInconvenience.js +3 -3
  59. package/lib/svg/EmptyInvoice.js +3 -3
  60. package/lib/svg/EmptyNetwork.js +3 -3
  61. package/lib/svg/EmptyNotification.js +3 -3
  62. package/lib/svg/EmptyProducts.js +3 -3
  63. package/lib/svg/EmptyRecycleBin.js +3 -3
  64. package/lib/svg/EmptyReply.js +3 -3
  65. package/lib/svg/EmptyReports.js +3 -3
  66. package/lib/svg/EmptyRoles.js +3 -3
  67. package/lib/svg/EmptySchedule.js +3 -3
  68. package/lib/svg/EmptySearch.js +3 -3
  69. package/lib/svg/EmptySkills.js +3 -3
  70. package/lib/svg/EmptySla.js +3 -3
  71. package/lib/svg/EmptySnippet.js +3 -3
  72. package/lib/svg/EmptyTag.js +3 -3
  73. package/lib/svg/EmptyTask.js +3 -3
  74. package/lib/svg/EmptyTeams.js +3 -3
  75. package/lib/svg/EmptyTemplate.js +3 -3
  76. package/lib/svg/EmptyTicket.js +3 -3
  77. package/lib/svg/EmptyTimeEntry.js +3 -3
  78. package/lib/svg/EmptyTimeline.js +3 -3
  79. package/lib/svg/EmptyTopic.js +3 -3
  80. package/lib/svg/EmptyUnauthorizedLogin.js +3 -3
  81. package/lib/svg/EmptyWebhook.js +3 -3
  82. package/lib/svg/EmptyWillBeRightBack.js +3 -3
  83. package/lib/svg/ErrorInconvenience.js +3 -3
  84. package/lib/svg/ErrorOopsSomethingMiss.js +3 -3
  85. package/lib/svg/ErrorUnableToProcessRequest.js +3 -3
  86. package/lib/svg/ErrorUnauthorizedLogin.js +3 -3
  87. package/lib/svg/ErrorUrlNotFound.js +3 -3
  88. package/lib/svg/ErrorWillBeRightBack.js +3 -3
  89. package/lib/svg/Extractor.js +3 -3
  90. package/lib/svg/FailureLog.js +3 -3
  91. package/lib/svg/Import.js +3 -3
  92. package/lib/svg/Loader.js +3 -3
  93. package/lib/svg/NoRequestFound.js +3 -3
  94. package/lib/svg/NotImpossible.js +3 -3
  95. package/lib/svg/PageNotFound.js +3 -3
  96. package/lib/svg/Predictor.js +3 -3
  97. package/lib/svg/SVG.js +3 -3
  98. package/lib/svg/SvgLoader.js +1 -1
  99. package/lib/svg/UnableToProcessRequest.js +3 -3
  100. package/lib/svg/UnauthorizedLogin.js +3 -3
  101. package/lib/svg/UrlNotFound.js +3 -3
  102. package/lib/svg/WillBeRightBack.js +3 -3
  103. package/lib/svg/ZiaAnamoly.js +3 -3
  104. package/lib/svg/docs/SVG__common.docs.js +3 -3
  105. package/lib/svg/docs/SVG__default.docs.js +3 -3
  106. package/lib/svg/docs/SVG__errorstate.docs.js +3 -3
  107. package/package.json +8 -2
  108. package/preprocess/index.js +2 -0
  109. package/preprocess/json/svgAppearanceVariableJson.js +163 -0
  110. package/preprocess/json/svgThemeVariableJson.js +85 -0
  111. package/preprocess/svgAppearanceColors.js +60 -0
  112. package/preprocess/svgThemeColors.js +90 -0
  113. package/src/svg/Appearance/dark/mode/darkEmptyStates.module.css +35 -35
  114. package/src/svg/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +8 -8
  115. package/src/svg/Appearance/dark/themes/green/greenDarkCTATheme.module.css +8 -8
  116. package/src/svg/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +8 -8
  117. package/src/svg/Appearance/dark/themes/red/redDarkCTATheme.module.css +8 -8
  118. package/src/svg/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +8 -8
  119. package/src/svg/Appearance/default/mode/defaultEmptyStates.module.css +35 -35
  120. package/src/svg/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +8 -8
  121. package/src/svg/Appearance/default/themes/green/greenDefaultCTATheme.module.css +8 -8
  122. package/src/svg/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +8 -8
  123. package/src/svg/Appearance/default/themes/red/redDefaultCTATheme.module.css +8 -8
  124. package/src/svg/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +8 -8
  125. package/es/svg/deprecated/21_07_2021/EmptyPageNotFound.js +0 -40
  126. package/es/svg/deprecated/21_07_2021/EmptyUnableToProcess.js +0 -42
  127. package/es/svg/deprecated/21_07_2021/EmptyUrlNotFound.js +0 -45
  128. package/es/svg/deprecated/21_07_2021/InvalidUrl.js +0 -717
  129. package/es/svg/deprecated/Themes/DarkEmptyStates.module.css +0 -37
  130. package/es/svg/deprecated/Themes/DefaultEmptyStates.module.css +0 -37
  131. package/es/svg/deprecated/Themes/palette/darkCTAPalette.module.css +0 -51
  132. package/es/svg/deprecated/Themes/palette/defaultCTAPalette.module.css +0 -51
  133. package/lib/svg/deprecated/21_07_2021/EmptyPageNotFound.js +0 -90
  134. package/lib/svg/deprecated/21_07_2021/EmptyUnableToProcess.js +0 -92
  135. package/lib/svg/deprecated/21_07_2021/EmptyUrlNotFound.js +0 -95
  136. package/lib/svg/deprecated/21_07_2021/InvalidUrl.js +0 -765
  137. package/lib/svg/deprecated/Themes/DarkEmptyStates.module.css +0 -37
  138. package/lib/svg/deprecated/Themes/DefaultEmptyStates.module.css +0 -37
  139. package/lib/svg/deprecated/Themes/palette/darkCTAPalette.module.css +0 -51
  140. package/lib/svg/deprecated/Themes/palette/defaultCTAPalette.module.css +0 -51
  141. package/src/svg/deprecated/21_07_2021/EmptyPageNotFound.js +0 -39
  142. package/src/svg/deprecated/21_07_2021/EmptyUnableToProcess.js +0 -41
  143. package/src/svg/deprecated/21_07_2021/EmptyUrlNotFound.js +0 -48
  144. package/src/svg/deprecated/21_07_2021/InvalidUrl.js +0 -756
  145. package/src/svg/deprecated/Themes/DarkEmptyStates.module.css +0 -37
  146. package/src/svg/deprecated/Themes/DefaultEmptyStates.module.css +0 -37
  147. package/src/svg/deprecated/Themes/palette/darkCTAPalette.module.css +0 -51
  148. package/src/svg/deprecated/Themes/palette/defaultCTAPalette.module.css +0 -51
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
23
23
 
24
24
  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); } }
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
27
 
28
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
28
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
29
 
30
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
31
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -21,9 +21,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
21
21
 
22
22
  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); } }
23
23
 
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
24
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
25
 
26
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
26
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
27
 
28
28
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
package/lib/svg/SVG.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -21,9 +21,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
21
21
 
22
22
  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); } }
23
23
 
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
24
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
25
 
26
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
26
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
27
 
28
28
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
23
23
 
24
24
  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); } }
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
27
 
28
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
28
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
29
 
30
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
31
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
23
23
 
24
24
  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); } }
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
27
 
28
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
28
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
29
 
30
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
31
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
23
23
 
24
24
  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); } }
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
27
 
28
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
28
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
29
 
30
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
31
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -23,9 +23,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
23
23
 
24
24
  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); } }
25
25
 
26
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
26
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
27
27
 
28
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
28
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
29
29
 
30
30
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
31
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -21,9 +21,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
21
21
 
22
22
  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); } }
23
23
 
24
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
24
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
25
25
 
26
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
26
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
27
27
 
28
28
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
29
29
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -17,9 +17,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
17
17
 
18
18
  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); } }
19
19
 
20
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
20
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
21
21
 
22
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
22
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
23
23
 
24
24
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
25
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -135,9 +135,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
135
135
 
136
136
  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); } }
137
137
 
138
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
138
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
139
139
 
140
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
140
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
141
141
 
142
142
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
143
143
 
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
 
3
- function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
3
+ 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); }
4
4
 
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
@@ -29,9 +29,9 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
29
29
 
30
30
  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); } }
31
31
 
32
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
32
+ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
33
33
 
34
- 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 } }); if (superClass) _setPrototypeOf(subClass, superClass); }
34
+ function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } Object.defineProperty(subClass, "prototype", { value: Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }), writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
35
35
 
36
36
  function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
37
37
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/svg",
3
- "version": "1.0.0-beta.37",
3
+ "version": "1.0.0-beta.38",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
@@ -22,12 +22,18 @@
22
22
  "build:es": "react-cli build:library:es",
23
23
  "build:dev": "npm run clean && npm run build:es --module:mode=dev -- -w",
24
24
  "prepare": "npm run init && npm run build && npm run build:es",
25
- "init": "npm run clean",
25
+ "init": "npm run clean && npm run build:variables",
26
+ "build:variables": "node ./preprocess/index",
26
27
  "lint": "react-cli lint",
27
28
  "docs": "react-cli docs",
28
29
  "postpublish": "react-cli postpublish",
29
30
  "download": "rm package-lock.json && rm -rf node_modules/ && npm install"
30
31
  },
32
+ "react-cli": {
33
+ "preprocessor": {
34
+ "runner": "preprocess/index.js"
35
+ }
36
+ },
31
37
  "devDependencies": {
32
38
  "@zohodesk/variables": "1.0.0-beta.25",
33
39
  "@zohodesk/components": "1.0.0-alpha-190",
@@ -0,0 +1,2 @@
1
+ require('./svgThemeColors');
2
+ require('./svgAppearanceColors');
@@ -0,0 +1,163 @@
1
+ /* sample color order =>
2
+ --zdt_cta_variable_name,
3
+ [['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
4
+ [['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
5
+ ['css comment name'] */
6
+
7
+ const svgAppearanceVariables = [
8
+ [
9
+ 'default_primary_fill',
10
+ [['default'], ['var(--zdt_cta_primary_fill)']],
11
+ [['dark'], ['var(--zdt_cta_primary_fill)']],
12
+ ['default palette']
13
+ ],
14
+ [
15
+ 'default_primary_stroke',
16
+ [['default'], ['var(--zdt_cta_primary_stroke)']],
17
+ [['dark'], ['var(--zdt_cta_primary_stroke)']]
18
+ ],
19
+ [
20
+ 'default_secondary_fill',
21
+ [['default'], ['var(--zdt_cta_secondary_fill)']],
22
+ [['dark'], ['var(--zdt_cta_secondary_fill)']]
23
+ ],
24
+ [
25
+ 'default_secondary_plainfill',
26
+ [['default'], ['var(--zdt_cta_secondary_plainfill)']],
27
+ [['dark'], ['var(--zdt_cta_secondary_plainfill)']]
28
+ ],
29
+ [
30
+ 'default_plus',
31
+ [['default'], ['#3f70b7']],
32
+ [['dark'], ['#479dff']]
33
+ ],
34
+ [
35
+ 'default_cross',
36
+ [['default'], ['#5cc1a5']],
37
+ [['dark'], ['#5cc1a5']]
38
+ ],
39
+ [
40
+ 'default_medium_circle',
41
+ [['default'], ['#e56471']],
42
+ [['dark'], ['#ff6b6b']]
43
+ ],
44
+ [
45
+ 'default_tiny_circle',
46
+ [['default'], ['#5cc1a5']],
47
+ [['dark'], ['#4ac064']]
48
+ ],
49
+ [
50
+ 'default_small_circle',
51
+ [['default'], ['#010101']],
52
+ [['dark'], ['#ff6b6b']]
53
+ ],
54
+ [
55
+ 'default_circle_fill',
56
+ [['default'], ['var(--dot_white)']],
57
+ [['dark'], ['var(--dot_white)']]
58
+ ],
59
+ [
60
+ 'dark_primary_fill',
61
+ [['default'], ['var(--zdt_cta_primary_dark_fill)']],
62
+ [['dark'], ['var(--zdt_cta_primary_dark_fill)']],
63
+ ['dark palette']
64
+ ],
65
+ [
66
+ 'dark_primary_stroke',
67
+ [['default'], ['var(--zdt_cta_primary_dark_stroke)']],
68
+ [['dark'], ['var(--zdt_cta_primary_dark_stroke)']]
69
+ ],
70
+ [
71
+ 'dark_secondary_fill',
72
+ [['default'], ['var(--zdt_cta_secondary_dark_fill)']],
73
+ [['dark'], ['var(--zdt_cta_secondary_dark_fill)']]
74
+ ],
75
+ [
76
+ 'dark_secondary_plainfill',
77
+ [['default'], ['var(--zdt_cta_secondary_dark_plainfill)']],
78
+ [['dark'], ['var(--zdt_cta_secondary_dark_plainfill)']]
79
+ ],
80
+ [
81
+ 'dark_plus',
82
+ [['default'], ['#479dff']],
83
+ [['dark'], ['#479dff']]
84
+ ],
85
+ [
86
+ 'dark_cross',
87
+ [['default'], ['#5cc1a5']],
88
+ [['dark'], ['#5cc1a5']]
89
+ ],
90
+ [
91
+ 'dark_medium_circle',
92
+ [['default'], ['#e56471']],
93
+ [['dark'], ['#ff6b6b']]
94
+ ],
95
+ [
96
+ 'dark_tiny_circle',
97
+ [['default'], ['#5cc1a5']],
98
+ [['dark'], ['#4ac064']]
99
+ ],
100
+ [
101
+ 'dark_small_circle',
102
+ [['default'], ['#010101']],
103
+ [['dark'], ['#ff6b6b']]
104
+ ],
105
+ [
106
+ 'dark_circle_fill',
107
+ [['default'], ['var(--dot_white)']],
108
+ [['dark'], ['var(--dot_white)']]
109
+ ],
110
+ [
111
+ 'danger_primary_fill',
112
+ [['default'], ['#ff6f00']],
113
+ [['dark'], ['#ff6f00']],
114
+ ['danger palette']
115
+ ],
116
+ [
117
+ 'danger_primary_stroke',
118
+ [['default'], ['#010101']],
119
+ [['dark'], ['#479dff']]
120
+ ],
121
+ [
122
+ 'danger_secondary_fill',
123
+ [['default'], ['rgba(63, 112, 183, 0.25)']],
124
+ [['dark'], ['#334b68']]
125
+ ],
126
+ [
127
+ 'danger_secondary_plainfill',
128
+ [['default'], ['#3f70b7']],
129
+ [['dark'], ['#334b68']]
130
+ ],
131
+ [
132
+ 'danger_plus',
133
+ [['default'], ['#3f70b7']],
134
+ [['dark'], ['#479dff']]
135
+ ],
136
+ [
137
+ 'danger_cross',
138
+ [['default'], ['#5cc1a5']],
139
+ [['dark'], ['#5cc1a5']]
140
+ ],
141
+ [
142
+ 'danger_medium_circle',
143
+ [['default'], ['#e56471']],
144
+ [['dark'], ['#ff6b6b']]
145
+ ],
146
+ [
147
+ 'danger_tiny_circle',
148
+ [['default'], ['#5cc1a5']],
149
+ [['dark'], ['#4ac064']]
150
+ ],
151
+ [
152
+ 'danger_small_circle',
153
+ [['default'], ['#010101']],
154
+ [['dark'], ['#ff6b6b']]
155
+ ],
156
+ [
157
+ 'danger_circle_fill',
158
+ [['default'], ['var(--dot_white)']],
159
+ [['dark'], ['var(--dot_white)']]
160
+ ]
161
+ ];
162
+
163
+ module.exports = { svgAppearanceVariables: svgAppearanceVariables };
@@ -0,0 +1,85 @@
1
+ /* sample color order =>
2
+ --zdt_cta_variable_name,
3
+ [['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow']],
4
+ [['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow']] */
5
+
6
+ const svgThemeVariables = [
7
+ [
8
+ 'primary_fill',
9
+ [['default'], ['#0a73eb', '#26a942', '#e57717', '#de3535', '#e8b923']],
10
+ [['dark'], ['#828994', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
11
+ ],
12
+ [
13
+ 'primary_stroke',
14
+ [['default'], ['#221f1f', '#010101', '#010101', '#010101', '#010101']],
15
+ [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
16
+ ],
17
+ [
18
+ 'secondary_fill',
19
+ [
20
+ ['default'],
21
+ [
22
+ 'rgba(10, 115, 235, 0.25)',
23
+ 'rgba(38, 169, 66, 0.25)',
24
+ 'rgba(229, 119, 23, 0.25)',
25
+ 'rgba(222, 53, 53, 0.25)',
26
+ 'rgba(232, 185, 35, 0.25)'
27
+ ]
28
+ ],
29
+ [
30
+ ['dark'],
31
+ [
32
+ '#334b68',
33
+ 'rgba(69, 161, 89, 0.25)',
34
+ 'rgba(255, 128, 31, 0.25)',
35
+ 'rgba(233, 79, 79, 0.25)',
36
+ 'rgba(215, 152, 53, 0.25)'
37
+ ]
38
+ ]
39
+ ],
40
+ [
41
+ 'secondary_plainfill',
42
+ [['default'], ['#0a73eb', '#26a942', '#e57717', '#de3535', '#e8b923']],
43
+ [['dark'], ['#334b68', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
44
+ ],
45
+ [
46
+ 'primary_dark_fill',
47
+ [['default'], ['#a6add7', '#26a942', '#e57717', '#de3535', '#e8b923']],
48
+ [['dark'], ['#828994', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
49
+ ],
50
+ [
51
+ 'primary_dark_stroke',
52
+ [['default'], ['#fff', '#fff', '#fff', '#fff', '#fff']],
53
+ [['dark'], ['#479dff', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
54
+ ],
55
+ [
56
+ 'secondary_dark_fill',
57
+ [
58
+ ['default'],
59
+ [
60
+ '#3f70b7',
61
+ 'rgba(38, 169, 66, 0.25)',
62
+ 'rgba(229, 119, 23, 0.25)',
63
+ 'rgba(222, 53, 53, 0.25)',
64
+ 'rgba(232, 185, 35, 0.25)'
65
+ ]
66
+ ],
67
+ [
68
+ ['dark'],
69
+ [
70
+ '#334b68',
71
+ 'rgba(69, 161, 89, 0.25)',
72
+ 'rgba(255, 128, 31, 0.25)',
73
+ 'rgba(233, 79, 79, 0.25)',
74
+ 'rgba(215, 152, 53, 0.25)'
75
+ ]
76
+ ]
77
+ ],
78
+ [
79
+ 'secondary_dark_plainfill',
80
+ [['default'], ['#3f70b7', '#26a942', '#e57717', '#de3535', '#e8b923']],
81
+ [['dark'], ['#334b68', '#45a159', '#ff801f', '#e94f4f', '#d79835']]
82
+ ]
83
+ ];
84
+
85
+ module.exports = { svgThemeVariables: svgThemeVariables };
@@ -0,0 +1,60 @@
1
+ var { svgAppearanceVariables } = require('./json/svgAppearanceVariableJson');
2
+ let fs = require('fs');
3
+ let path = require('path');
4
+ let baseFolder = 'Appearance';
5
+ let mode = ['default', 'dark'];
6
+ let modeFiles = [];
7
+ mode.forEach(mode => {
8
+ let modeFilesString = `../src/svg/${baseFolder}/${mode}/mode/${mode}EmptyStates.module.css`;
9
+ modeFiles.push(path.join(__dirname, modeFilesString));
10
+ });
11
+ let files = modeFiles;
12
+
13
+ function generate(mode) {
14
+ let exportVariables = [];
15
+ let counter = 0;
16
+ let newLine = '';
17
+ svgAppearanceVariables.map(svgVariable => {
18
+ let commentName = svgVariable[3];
19
+ counting = counter++;
20
+ if (counting != 0) {
21
+ newLine = `\n\t`;
22
+ }
23
+ if (mode == 'default') {
24
+ let svgDefaultColors = svgVariable[1][1];
25
+
26
+ colorsResult = [
27
+ `\n\t--zdt_svg_${svgVariable[0]}: ${svgDefaultColors};`
28
+ ];
29
+ exportVariables.push(
30
+ commentName ? `${newLine}\n\t/* ${commentName} */` : '',
31
+ colorsResult
32
+ );
33
+ } else if (mode == 'dark') {
34
+ let svgDarkColors = svgVariable[2][1];
35
+
36
+ colorsResult = [
37
+ `\n\t--zdt_svg_${svgVariable[0]}: ${svgDarkColors};`
38
+ ];
39
+ exportVariables.push(
40
+ commentName ? `${newLine}\n\t/* ${commentName} */` : '',
41
+ colorsResult
42
+ );
43
+ }
44
+ });
45
+ return exportVariables.join('');
46
+ }
47
+
48
+ let arrayIndexCounter = 0;
49
+ mode.forEach(mode => {
50
+ let fileString = files[arrayIndexCounter];
51
+ // let splitPath = fileString.split(/\\/g);
52
+ let getMode = mode;
53
+ fs.writeFileSync(
54
+ fileString,
55
+ `[data-mode='${getMode}'] {${generate(
56
+ getMode
57
+ )}\n}`
58
+ );
59
+ arrayIndexCounter++;
60
+ });