@zohodesk/components 1.0.0-alpha-225 → 1.0.0-alpha-226

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 (234) hide show
  1. package/README.md +4 -0
  2. package/es/ListItem/ListContainer.js +123 -0
  3. package/es/ListItem/ListItem.js +23 -31
  4. package/es/ListItem/ListItemWithAvatar.js +21 -27
  5. package/es/ListItem/ListItemWithCheckBox.js +23 -29
  6. package/es/ListItem/ListItemWithIcon.js +26 -26
  7. package/es/ListItem/ListItemWithRadio.js +24 -31
  8. package/lib/ListItem/ListContainer.js +132 -0
  9. package/lib/ListItem/ListItem.js +25 -32
  10. package/lib/ListItem/ListItemWithAvatar.js +23 -28
  11. package/lib/ListItem/ListItemWithCheckBox.js +24 -27
  12. package/lib/ListItem/ListItemWithIcon.js +27 -26
  13. package/lib/ListItem/ListItemWithRadio.js +26 -27
  14. package/package.json +3 -3
  15. package/README_Beta.md +0 -2
  16. package/__testUtils__/globals.js +0 -46
  17. package/__testUtils__/moduleMapKey.json +0 -138
  18. package/dubFinder.js +0 -96
  19. package/es/Accordion/docs/Accordion__Demo.docs.js +0 -80
  20. package/es/Animation/docs/Animation__default.docs.js +0 -34
  21. package/es/Animation/docs/Animation__fadeIn.docs.js +0 -34
  22. package/es/Animation/docs/Animation__scaleIn.docs.js +0 -34
  23. package/es/Animation/docs/Animation__skewIn.docs.js +0 -34
  24. package/es/Animation/docs/Animation__slideDown.docs.js +0 -34
  25. package/es/Animation/docs/Animation__slideLeft.docs.js +0 -34
  26. package/es/Animation/docs/Animation__zoomIn.docs.js +0 -34
  27. package/es/AppContainer/docs/AppContainer__default.docs.js +0 -20
  28. package/es/Avatar/docs/Avatar__custom.docs.js +0 -29
  29. package/es/Avatar/docs/Avatar__default.docs.js +0 -29
  30. package/es/Avatar/docs/Avatar__palette.docs.js +0 -49
  31. package/es/Avatar/docs/Avatar__text.docs.js +0 -28
  32. package/es/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -73
  33. package/es/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -31
  34. package/es/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -50
  35. package/es/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -49
  36. package/es/Button/docs/Button__custom.docs.js +0 -771
  37. package/es/Button/docs/Button__default.docs.js +0 -536
  38. package/es/Buttongroup/docs/Buttongroup__custom.docs.js +0 -37
  39. package/es/Buttongroup/docs/Buttongroup__footer.docs.js +0 -33
  40. package/es/Buttongroup/docs/Buttongroup__header.docs.js +0 -42
  41. package/es/Card/docs/Card__Custom.docs.js +0 -34
  42. package/es/Card/docs/Card__Default.docs.js +0 -37
  43. package/es/Card/docs/Card__Scroll.docs.js +0 -59
  44. package/es/CheckBox/docs/CheckBox__custom.docs.js +0 -293
  45. package/es/CheckBox/docs/CheckBox__default.docs.js +0 -219
  46. package/es/DateTime/docs/DateTime__default.docs.js +0 -91
  47. package/es/DateTime/docs/DateWidget__default.docs.js +0 -183
  48. package/es/DateTime/docs/timezonedata.json +0 -1
  49. package/es/DropBox/docs/DropBox__custom.docs.js +0 -66
  50. package/es/DropBox/docs/DropBox__customOrder.docs.js +0 -92
  51. package/es/DropBox/docs/DropBox__fixedPosition.docs.js +0 -91
  52. package/es/DropBox/docs/DropBox__position.docs.js +0 -87
  53. package/es/DropBox/docs/DropBox__size.docs.js +0 -61
  54. package/es/DropDown/docs/DropDownHeading__custom.docs.js +0 -23
  55. package/es/DropDown/docs/DropDownHeading__default.docs.js +0 -21
  56. package/es/Label/docs/Label__clipped.docs.js +0 -27
  57. package/es/Label/docs/Label__custom.docs.js +0 -30
  58. package/es/Label/docs/Label__palette.docs.js +0 -42
  59. package/es/Label/docs/Label__size.docs.js +0 -29
  60. package/es/Label/docs/Label__type.docs.js +0 -37
  61. package/es/Layout/docs/Layout__Hidden.docs.js +0 -77
  62. package/es/Layout/docs/Layout__default.docs.js +0 -49
  63. package/es/Layout/docs/Layout__four_Column.docs.js +0 -85
  64. package/es/Layout/docs/Layout__three_Column.docs.js +0 -76
  65. package/es/Layout/docs/Layout__two_Column.docs.js +0 -69
  66. package/es/LightNightMode/docs/AlternativeColors.docs.js +0 -74
  67. package/es/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -155
  68. package/es/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -112
  69. package/es/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -91
  70. package/es/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -65
  71. package/es/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -68
  72. package/es/ListItem/docs/ListItemWithIcon__default.docs.js +0 -62
  73. package/es/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -91
  74. package/es/ListItem/docs/ListItemWithRadio__default.docs.js +0 -65
  75. package/es/ListItem/docs/ListItem__custom.docs.js +0 -114
  76. package/es/ListItem/docs/ListItem__default.docs.js +0 -82
  77. package/es/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -125
  78. package/es/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -114
  79. package/es/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -141
  80. package/es/MultiSelect/docs/MultiSelect__default.docs.js +0 -161
  81. package/es/PopOver/docs/PopOver__default.docs.js +0 -32
  82. package/es/Provider/docs/Provider_Id__Class.docs.js +0 -29
  83. package/es/Provider/docs/Provider_Id__Function.docs.js +0 -18
  84. package/es/Provider/docs/Provider_Zindex__Class.docs.js +0 -32
  85. package/es/Provider/docs/Provider_Zindex__Function.docs.js +0 -23
  86. package/es/Radio/docs/Radio__custom.docs.js +0 -245
  87. package/es/Radio/docs/Radio__default.docs.js +0 -169
  88. package/es/Responsive/docs/Responsive__Custom.docs.js +0 -206
  89. package/es/Responsive/docs/Responsive__default.docs.js +0 -97
  90. package/es/Responsive/docs/style.module.css +0 -56
  91. package/es/Ribbon/docs/Ribbon__custom.docs.js +0 -386
  92. package/es/Ribbon/docs/Ribbon__default.docs.js +0 -342
  93. package/es/RippleEffect/docs/RippleEffect__default.docs.js +0 -435
  94. package/es/Select/docs/GroupSelect__default.docs.js +0 -149
  95. package/es/Select/docs/SelectWithAvatar__default.docs.js +0 -97
  96. package/es/Select/docs/SelectWithIcon__default.docs.js +0 -138
  97. package/es/Select/docs/Select__default.docs.js +0 -288
  98. package/es/Stencils/docs/Stencils__custom.docs.js +0 -45
  99. package/es/Stencils/docs/Stencils__default.docs.js +0 -50
  100. package/es/Switch/docs/Switch__custom.docs.js +0 -153
  101. package/es/Switch/docs/Switch__default.docs.js +0 -107
  102. package/es/Tab/docs/Tab__default.docs.js +0 -258
  103. package/es/Tab/docs/tabdocs.module.css +0 -29
  104. package/es/Tag/docs/Tag__custom.docs.js +0 -368
  105. package/es/Tag/docs/Tag__default.docs.js +0 -253
  106. package/es/TextBox/docs/TextBox__custom.docs.js +0 -43
  107. package/es/TextBox/docs/TextBox__default.docs.js +0 -40
  108. package/es/TextBox/docs/TextBox__size.docs.js +0 -38
  109. package/es/TextBox/docs/TextBox__variant.docs.js +0 -38
  110. package/es/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -89
  111. package/es/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -61
  112. package/es/Textarea/docs/Textarea__animated.docs.js +0 -41
  113. package/es/Textarea/docs/Textarea__custom.docs.js +0 -82
  114. package/es/Textarea/docs/Textarea__default.docs.js +0 -76
  115. package/es/Textarea/docs/Textarea__disabled.docs.js +0 -29
  116. package/es/Tooltip/docs/Tooltip__default.docs.js +0 -332
  117. package/es/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -97
  118. package/es/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -150
  119. package/es/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -139
  120. package/es/beta/FocusRing/docs/FocusRing__default.docs.js +0 -48
  121. package/es/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -72
  122. package/es/semantic/Button/docs/Button__default.docs.js +0 -20
  123. package/externalDocsBuild.js +0 -21
  124. package/lib/Accordion/docs/Accordion__Demo.docs.js +0 -126
  125. package/lib/Animation/docs/Animation__default.docs.js +0 -85
  126. package/lib/Animation/docs/Animation__fadeIn.docs.js +0 -85
  127. package/lib/Animation/docs/Animation__scaleIn.docs.js +0 -85
  128. package/lib/Animation/docs/Animation__skewIn.docs.js +0 -85
  129. package/lib/Animation/docs/Animation__slideDown.docs.js +0 -85
  130. package/lib/Animation/docs/Animation__slideLeft.docs.js +0 -85
  131. package/lib/Animation/docs/Animation__zoomIn.docs.js +0 -85
  132. package/lib/AppContainer/docs/AppContainer__default.docs.js +0 -70
  133. package/lib/Avatar/docs/Avatar__custom.docs.js +0 -87
  134. package/lib/Avatar/docs/Avatar__default.docs.js +0 -83
  135. package/lib/Avatar/docs/Avatar__palette.docs.js +0 -107
  136. package/lib/Avatar/docs/Avatar__text.docs.js +0 -86
  137. package/lib/AvatarTeam/docs/AvatarTeam__custom.docs.js +0 -124
  138. package/lib/AvatarTeam/docs/AvatarTeam__default.docs.js +0 -82
  139. package/lib/AvatarTeam/docs/AvatarTeam__palette.docs.js +0 -101
  140. package/lib/AvatarTeam/docs/AvatarTeam__size.docs.js +0 -100
  141. package/lib/Button/docs/Button__custom.docs.js +0 -826
  142. package/lib/Button/docs/Button__default.docs.js +0 -590
  143. package/lib/Buttongroup/docs/Buttongroup__custom.docs.js +0 -89
  144. package/lib/Buttongroup/docs/Buttongroup__footer.docs.js +0 -85
  145. package/lib/Buttongroup/docs/Buttongroup__header.docs.js +0 -98
  146. package/lib/Card/docs/Card__Custom.docs.js +0 -90
  147. package/lib/Card/docs/Card__Default.docs.js +0 -92
  148. package/lib/Card/docs/Card__Scroll.docs.js +0 -114
  149. package/lib/CheckBox/docs/CheckBox__custom.docs.js +0 -348
  150. package/lib/CheckBox/docs/CheckBox__default.docs.js +0 -273
  151. package/lib/DateTime/docs/DateTime__default.docs.js +0 -142
  152. package/lib/DateTime/docs/DateWidget__default.docs.js +0 -240
  153. package/lib/DateTime/docs/timezonedata.json +0 -1
  154. package/lib/DropBox/docs/DropBox__custom.docs.js +0 -122
  155. package/lib/DropBox/docs/DropBox__customOrder.docs.js +0 -141
  156. package/lib/DropBox/docs/DropBox__fixedPosition.docs.js +0 -140
  157. package/lib/DropBox/docs/DropBox__position.docs.js +0 -142
  158. package/lib/DropBox/docs/DropBox__size.docs.js +0 -116
  159. package/lib/DropDown/docs/DropDownHeading__custom.docs.js +0 -73
  160. package/lib/DropDown/docs/DropDownHeading__default.docs.js +0 -70
  161. package/lib/Label/docs/Label__clipped.docs.js +0 -81
  162. package/lib/Label/docs/Label__custom.docs.js +0 -85
  163. package/lib/Label/docs/Label__palette.docs.js +0 -96
  164. package/lib/Label/docs/Label__size.docs.js +0 -83
  165. package/lib/Label/docs/Label__type.docs.js +0 -91
  166. package/lib/Layout/docs/Layout__Hidden.docs.js +0 -127
  167. package/lib/Layout/docs/Layout__default.docs.js +0 -98
  168. package/lib/Layout/docs/Layout__four_Column.docs.js +0 -135
  169. package/lib/Layout/docs/Layout__three_Column.docs.js +0 -126
  170. package/lib/Layout/docs/Layout__two_Column.docs.js +0 -119
  171. package/lib/LightNightMode/docs/AlternativeColors.docs.js +0 -131
  172. package/lib/ListItem/docs/ListItemWithAvatar__custom.docs.js +0 -206
  173. package/lib/ListItem/docs/ListItemWithAvatar__default.docs.js +0 -162
  174. package/lib/ListItem/docs/ListItemWithCheckBox__custom.docs.js +0 -142
  175. package/lib/ListItem/docs/ListItemWithCheckBox__default.docs.js +0 -115
  176. package/lib/ListItem/docs/ListItemWithIcon__custom.docs.js +0 -119
  177. package/lib/ListItem/docs/ListItemWithIcon__default.docs.js +0 -112
  178. package/lib/ListItem/docs/ListItemWithRadio__custom.docs.js +0 -142
  179. package/lib/ListItem/docs/ListItemWithRadio__default.docs.js +0 -115
  180. package/lib/ListItem/docs/ListItem__custom.docs.js +0 -164
  181. package/lib/ListItem/docs/ListItem__default.docs.js +0 -131
  182. package/lib/MultiSelect/docs/AdvancedGroupMultiSelect__default.docs.js +0 -177
  183. package/lib/MultiSelect/docs/AdvancedMultiSelect__default.docs.js +0 -165
  184. package/lib/MultiSelect/docs/MultiSelectWithAvatar__default.docs.js +0 -191
  185. package/lib/MultiSelect/docs/MultiSelect__default.docs.js +0 -214
  186. package/lib/PopOver/docs/PopOver__default.docs.js +0 -86
  187. package/lib/Provider/docs/Provider_Id__Class.docs.js +0 -77
  188. package/lib/Provider/docs/Provider_Id__Function.docs.js +0 -29
  189. package/lib/Provider/docs/Provider_Zindex__Class.docs.js +0 -80
  190. package/lib/Provider/docs/Provider_Zindex__Function.docs.js +0 -34
  191. package/lib/Radio/docs/Radio__custom.docs.js +0 -299
  192. package/lib/Radio/docs/Radio__default.docs.js +0 -222
  193. package/lib/Responsive/docs/Responsive__Custom.docs.js +0 -272
  194. package/lib/Responsive/docs/Responsive__default.docs.js +0 -142
  195. package/lib/Responsive/docs/style.module.css +0 -56
  196. package/lib/Ribbon/docs/Ribbon__custom.docs.js +0 -437
  197. package/lib/Ribbon/docs/Ribbon__default.docs.js +0 -392
  198. package/lib/RippleEffect/docs/RippleEffect__default.docs.js +0 -484
  199. package/lib/Select/docs/GroupSelect__default.docs.js +0 -199
  200. package/lib/Select/docs/SelectWithAvatar__default.docs.js +0 -152
  201. package/lib/Select/docs/SelectWithIcon__default.docs.js +0 -190
  202. package/lib/Select/docs/Select__default.docs.js +0 -340
  203. package/lib/Stencils/docs/Stencils__custom.docs.js +0 -96
  204. package/lib/Stencils/docs/Stencils__default.docs.js +0 -101
  205. package/lib/Switch/docs/Switch__custom.docs.js +0 -203
  206. package/lib/Switch/docs/Switch__default.docs.js +0 -156
  207. package/lib/Tab/docs/Tab__default.docs.js +0 -308
  208. package/lib/Tab/docs/tabdocs.module.css +0 -29
  209. package/lib/Tag/docs/Tag__custom.docs.js +0 -423
  210. package/lib/Tag/docs/Tag__default.docs.js +0 -307
  211. package/lib/TextBox/docs/TextBox__custom.docs.js +0 -98
  212. package/lib/TextBox/docs/TextBox__default.docs.js +0 -95
  213. package/lib/TextBox/docs/TextBox__size.docs.js +0 -93
  214. package/lib/TextBox/docs/TextBox__variant.docs.js +0 -93
  215. package/lib/TextBoxIcon/docs/TextBoxIcon__custom.docs.js +0 -145
  216. package/lib/TextBoxIcon/docs/TextBoxIcon__default.docs.js +0 -117
  217. package/lib/Textarea/docs/Textarea__animated.docs.js +0 -95
  218. package/lib/Textarea/docs/Textarea__custom.docs.js +0 -137
  219. package/lib/Textarea/docs/Textarea__default.docs.js +0 -130
  220. package/lib/Textarea/docs/Textarea__disabled.docs.js +0 -83
  221. package/lib/Tooltip/docs/Tooltip__default.docs.js +0 -391
  222. package/lib/VelocityAnimation/VelocityAnimation/docs/VelocityAnimation__demo.docs.js +0 -150
  223. package/lib/VelocityAnimation/VelocityAnimationGroup/docs/VelocityAnimationGroup__demo.docs.js +0 -206
  224. package/lib/a11y/FocusScope/docs/FocusScope__default.docs.js +0 -191
  225. package/lib/beta/FocusRing/docs/FocusRing__default.docs.js +0 -101
  226. package/lib/deprecated/PortalLayer/docs/PortalLayer__default.docs.js +0 -145
  227. package/lib/semantic/Button/docs/Button__default.docs.js +0 -66
  228. package/preprocess/componentAppearanceColors.js +0 -67
  229. package/preprocess/componentThemeColors.js +0 -123
  230. package/preprocess/ctaThemeColors.js +0 -101
  231. package/preprocess/index.js +0 -3
  232. package/preprocess/json/componentAppearanceVariableJson.js +0 -1346
  233. package/preprocess/json/componentThemeVariableJson.js +0 -242
  234. package/preprocess/json/ctaThemeVariableJson.js +0 -203
@@ -1,98 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _ = require("../");
13
-
14
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
15
-
16
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
17
-
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
-
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
-
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
-
24
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
25
-
26
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
27
-
28
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
29
-
30
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
31
-
32
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
33
-
34
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
35
-
36
- var Layout__default = /*#__PURE__*/function (_React$Component) {
37
- _inherits(Layout__default, _React$Component);
38
-
39
- var _super = _createSuper(Layout__default);
40
-
41
- function Layout__default() {
42
- _classCallCheck(this, Layout__default);
43
-
44
- return _super.apply(this, arguments);
45
- }
46
-
47
- _createClass(Layout__default, [{
48
- key: "render",
49
- value: function render() {
50
- return /*#__PURE__*/_react["default"].createElement("div", {
51
- style: {
52
- height: '500px',
53
- maxWidth: '1200px',
54
- margin: '0 auto'
55
- }
56
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
57
- alignBox: "row",
58
- style: {
59
- background: '#f5f5f5'
60
- },
61
- scroll: "vertical",
62
- wrap: true,
63
- align: "both"
64
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
65
- flexible: true,
66
- style: {
67
- background: '#f8f8f8'
68
- }
69
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
70
- alignBox: "row",
71
- style: {
72
- background: '#f5f5f5'
73
- }
74
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
75
- hidden: ['xs']
76
- }, /*#__PURE__*/_react["default"].createElement("div", {
77
- style: {
78
- background: '#999',
79
- width: '220px',
80
- height: '100%'
81
- }
82
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
83
- flexible: true,
84
- shrink: true
85
- })))));
86
- }
87
- }]);
88
-
89
- return Layout__default;
90
- }(_react["default"].Component);
91
-
92
- exports["default"] = Layout__default;
93
- Layout__default.docs = {
94
- componentGroup: 'Layout',
95
- folderName: 'Style Guide',
96
- description: ' ',
97
- external: true
98
- };
@@ -1,135 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _ = require("../");
13
-
14
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
-
20
- 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); } }
21
-
22
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
23
-
24
- 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); }
25
-
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
-
28
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
29
-
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
31
-
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33
-
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
-
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
-
38
- var Layout__four_Column = /*#__PURE__*/function (_React$Component) {
39
- _inherits(Layout__four_Column, _React$Component);
40
-
41
- var _super = _createSuper(Layout__four_Column);
42
-
43
- function Layout__four_Column() {
44
- _classCallCheck(this, Layout__four_Column);
45
-
46
- return _super.apply(this, arguments);
47
- }
48
-
49
- _createClass(Layout__four_Column, [{
50
- key: "render",
51
- value: function render() {
52
- return /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- height: '500px',
55
- maxWidth: '1200px',
56
- margin: '0 auto'
57
- }
58
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Container, {
59
- alignBox: "column",
60
- style: {
61
- background: '#f5f5f5'
62
- }
63
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
64
- flexible: true,
65
- style: {
66
- background: '#f8f8f8'
67
- }
68
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
69
- alignBox: "column",
70
- style: {
71
- background: '#f5f5f5'
72
- }
73
- }, /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
74
- style: {
75
- background: '#666',
76
- height: '45px'
77
- }
78
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
79
- flexible: true
80
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
81
- alignBox: "row",
82
- style: {
83
- background: '#f5f5f5'
84
- },
85
- align: "top"
86
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
87
- hidden: ['xs']
88
- }, /*#__PURE__*/_react["default"].createElement("div", {
89
- style: {
90
- background: 'var(--dot_black)',
91
- width: '220px',
92
- height: '100%'
93
- }
94
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
95
- hidden: ['xs']
96
- }, /*#__PURE__*/_react["default"].createElement("div", {
97
- style: {
98
- background: '#4e524e',
99
- width: '320px',
100
- height: '100%'
101
- }
102
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
103
- flexible: true
104
- }, /*#__PURE__*/_react["default"].createElement("div", {
105
- style: {
106
- background: '#909090',
107
- height: '100%'
108
- }
109
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
110
- hidden: ['sm', 'xs', 'md']
111
- }, /*#__PURE__*/_react["default"].createElement("div", {
112
- style: {
113
- background: '#4e524e',
114
- width: '320px',
115
- height: '100%'
116
- }
117
- })))))), /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
118
- style: {
119
- background: '#f1f1f1',
120
- height: '28px'
121
- }
122
- })))));
123
- }
124
- }]);
125
-
126
- return Layout__four_Column;
127
- }(_react["default"].Component);
128
-
129
- exports["default"] = Layout__four_Column;
130
- Layout__four_Column.docs = {
131
- componentGroup: 'Layout',
132
- folderName: 'Style Guide',
133
- description: ' ',
134
- external: true
135
- };
@@ -1,126 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _ = require("../");
13
-
14
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
-
20
- 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); } }
21
-
22
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
23
-
24
- 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); }
25
-
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
-
28
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
29
-
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
31
-
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33
-
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
-
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
-
38
- var Layout__three_Column = /*#__PURE__*/function (_React$Component) {
39
- _inherits(Layout__three_Column, _React$Component);
40
-
41
- var _super = _createSuper(Layout__three_Column);
42
-
43
- function Layout__three_Column() {
44
- _classCallCheck(this, Layout__three_Column);
45
-
46
- return _super.apply(this, arguments);
47
- }
48
-
49
- _createClass(Layout__three_Column, [{
50
- key: "render",
51
- value: function render() {
52
- return /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- height: '500px',
55
- maxWidth: '1200px',
56
- margin: '0 auto'
57
- }
58
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Container, {
59
- alignBox: "column",
60
- style: {
61
- background: '#f5f5f5'
62
- }
63
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
64
- flexible: true,
65
- style: {
66
- background: '#f8f8f8'
67
- }
68
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
69
- alignBox: "column",
70
- style: {
71
- background: '#f5f5f5'
72
- }
73
- }, /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
74
- style: {
75
- background: '#666',
76
- height: '45px'
77
- }
78
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
79
- flexible: true
80
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
81
- alignBox: "row",
82
- style: {
83
- background: '#f5f5f5'
84
- }
85
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
86
- hidden: ['xs']
87
- }, /*#__PURE__*/_react["default"].createElement("div", {
88
- style: {
89
- background: 'var(--dot_black)',
90
- width: '220px',
91
- height: '100%'
92
- }
93
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
94
- hidden: ['xs']
95
- }, /*#__PURE__*/_react["default"].createElement("div", {
96
- style: {
97
- background: '#4e524e',
98
- width: '320px',
99
- height: '100%'
100
- }
101
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
102
- flexible: true
103
- }, /*#__PURE__*/_react["default"].createElement("div", {
104
- style: {
105
- background: '#909090',
106
- height: '100%'
107
- }
108
- })))))), /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
109
- style: {
110
- background: '#f1f1f1',
111
- height: '28px'
112
- }
113
- })))));
114
- }
115
- }]);
116
-
117
- return Layout__three_Column;
118
- }(_react["default"].Component);
119
-
120
- exports["default"] = Layout__three_Column;
121
- Layout__three_Column.docs = {
122
- componentGroup: 'Layout',
123
- folderName: 'Style Guide',
124
- description: ' ',
125
- external: true
126
- };
@@ -1,119 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _ = require("../");
13
-
14
- var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
15
-
16
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
17
-
18
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
19
-
20
- 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); } }
21
-
22
- function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
23
-
24
- 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); }
25
-
26
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
27
-
28
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
29
-
30
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
31
-
32
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
33
-
34
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
35
-
36
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
37
-
38
- var Layout__two_Column = /*#__PURE__*/function (_React$Component) {
39
- _inherits(Layout__two_Column, _React$Component);
40
-
41
- var _super = _createSuper(Layout__two_Column);
42
-
43
- function Layout__two_Column() {
44
- _classCallCheck(this, Layout__two_Column);
45
-
46
- return _super.apply(this, arguments);
47
- }
48
-
49
- _createClass(Layout__two_Column, [{
50
- key: "render",
51
- value: function render() {
52
- return /*#__PURE__*/_react["default"].createElement("div", {
53
- style: {
54
- height: '500px',
55
- maxWidth: '1200px',
56
- margin: '0 auto'
57
- }
58
- }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Container, {
59
- alignBox: "column",
60
- style: {
61
- background: '#f5f5f5'
62
- }
63
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
64
- flexible: true,
65
- style: {
66
- background: '#f8f8f8'
67
- }
68
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
69
- alignBox: "column",
70
- style: {
71
- background: '#f5f5f5'
72
- }
73
- }, /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
74
- style: {
75
- background: '#666',
76
- height: '45px'
77
- }
78
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
79
- flexible: true
80
- }, /*#__PURE__*/_react["default"].createElement(_.Container, {
81
- alignBox: "row",
82
- style: {
83
- background: '#f5f5f5'
84
- }
85
- }, /*#__PURE__*/_react["default"].createElement(_.Box, {
86
- hidden: ['xs']
87
- }, /*#__PURE__*/_react["default"].createElement("div", {
88
- style: {
89
- background: '#4e524e',
90
- width: '320px',
91
- height: '100%'
92
- }
93
- })), /*#__PURE__*/_react["default"].createElement(_.Box, {
94
- flexible: true
95
- }, /*#__PURE__*/_react["default"].createElement("div", {
96
- style: {
97
- background: '#909090',
98
- width: '100%',
99
- height: '100%'
100
- }
101
- })))))), /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
102
- style: {
103
- background: '#f1f1f1',
104
- height: '28px'
105
- }
106
- })))));
107
- }
108
- }]);
109
-
110
- return Layout__two_Column;
111
- }(_react["default"].Component);
112
-
113
- exports["default"] = Layout__two_Column;
114
- Layout__two_Column.docs = {
115
- componentGroup: 'Layout',
116
- folderName: 'Style Guide',
117
- description: ' ',
118
- external: true
119
- };
@@ -1,131 +0,0 @@
1
- "use strict";
2
-
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
-
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports["default"] = void 0;
9
-
10
- var _react = _interopRequireDefault(require("react"));
11
-
12
- var _Container = _interopRequireDefault(require("../../Layout/Container"));
13
-
14
- var _Box = _interopRequireDefault(require("../../Layout/Box"));
15
-
16
- var _Colors = _interopRequireDefault(require("./../Colors.json"));
17
-
18
- var _docStyleModule = _interopRequireDefault(require("../../common/docStyle.module.css"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
21
-
22
- function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
23
-
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
-
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
-
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
-
30
- function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
31
-
32
- function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
33
-
34
- function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
35
-
36
- function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
37
-
38
- function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
39
-
40
- function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
41
-
42
- var AlternativeColors = /*#__PURE__*/function (_React$Component) {
43
- _inherits(AlternativeColors, _React$Component);
44
-
45
- var _super = _createSuper(AlternativeColors);
46
-
47
- function AlternativeColors() {
48
- _classCallCheck(this, AlternativeColors);
49
-
50
- return _super.apply(this, arguments);
51
- }
52
-
53
- _createClass(AlternativeColors, [{
54
- key: "render",
55
- value: function render() {
56
- var _this$props$colors = this.props.colors,
57
- colors = _this$props$colors === void 0 ? _Colors["default"] : _this$props$colors;
58
- return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Container["default"], {
59
- className: _docStyleModule["default"].m20,
60
- isCover: false
61
- }, /*#__PURE__*/_react["default"].createElement(_Container["default"], null, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
62
- className: _docStyleModule["default"].para
63
- }, "Note: In some places, for single light mode color we used multipe night mode color values based on the places. Here in this docs, you can see the gold-border highlighted color in each row. So, that gold-highlighted is the ", /*#__PURE__*/_react["default"].createElement("b", null, "primary night mode color"), ". For more details kindly check this ", /*#__PURE__*/_react["default"].createElement("a", {
64
- target: "_blank",
65
- href: "https://sheet.zoho.com/sheet/open/122xr236d82d3bc7c4b8d9bff2e160a9ae7a4"
66
- }, /*#__PURE__*/_react["default"].createElement("b", null, "sheet")), ".")), /*#__PURE__*/_react["default"].createElement(_Container["default"], {
67
- alignBox: "row",
68
- className: _docStyleModule["default"].head
69
- }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
70
- className: _docStyleModule["default"].lft
71
- }, "Light Mode Colors"), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
72
- flexible: true,
73
- className: _docStyleModule["default"].rgt
74
- }, "Alternate Night Mode Colors")), /*#__PURE__*/_react["default"].createElement(_Container["default"], {
75
- alignBox: "row",
76
- className: _docStyleModule["default"].content
77
- }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
78
- flexible: true
79
- }, colors.map(function (index, i) {
80
- return /*#__PURE__*/_react["default"].createElement(_Container["default"], {
81
- alignBox: "row",
82
- key: i,
83
- isCover: false,
84
- className: _docStyleModule["default"].trow
85
- }, /*#__PURE__*/_react["default"].createElement(_Box["default"], {
86
- className: _docStyleModule["default"].lft
87
- }, /*#__PURE__*/_react["default"].createElement("span", {
88
- style: {
89
- backgroundColor: "".concat(index.lightColor)
90
- },
91
- className: _docStyleModule["default"].rect
92
- }), /*#__PURE__*/_react["default"].createElement("span", {
93
- className: _docStyleModule["default"].colorvalue,
94
- onClick: function onClick() {
95
- return navigator.clipboard.writeText(index.lightColor);
96
- },
97
- "data-title": "Copy ".concat(index.lightColor)
98
- }, index.lightColor)), /*#__PURE__*/_react["default"].createElement(_Box["default"], {
99
- flexible: true,
100
- className: _docStyleModule["default"].rgt
101
- }, index.equalNightColors.toString().split(", ").map(function (clrValue, j) {
102
- return /*#__PURE__*/_react["default"].createElement("div", {
103
- className: _docStyleModule["default"].nestedDiv,
104
- key: j
105
- }, /*#__PURE__*/_react["default"].createElement("span", {
106
- style: {
107
- backgroundColor: "".concat(clrValue)
108
- },
109
- className: "".concat(_docStyleModule["default"].rect, " ").concat(_docStyleModule["default"].gold)
110
- }), /*#__PURE__*/_react["default"].createElement("span", {
111
- className: _docStyleModule["default"].colorvalue,
112
- onClick: function onClick() {
113
- return navigator.clipboard.writeText(clrValue);
114
- },
115
- "data-title": "Copy ".concat(clrValue)
116
- }, clrValue));
117
- })));
118
- })))));
119
- }
120
- }]);
121
-
122
- return AlternativeColors;
123
- }(_react["default"].Component);
124
-
125
- exports["default"] = AlternativeColors;
126
-
127
- if (false) {
128
- AlternativeColors.docs = {
129
- componentGroup: 'LightNightMode'
130
- };
131
- }