@zohodesk/dot 1.0.0-temp-175.7 → 1.0.0-temp-181.1
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.
- package/.cli/propValidation_report.html +1 -1
- package/README.md +30 -0
- package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +0 -1
- package/assets/Appearance/light/mode/Dot_LightMode.module.css +0 -1
- package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +0 -1
- package/coverage/ExternalLink/ExternalLink.js.html +1 -1
- package/coverage/ExternalLink/ExternalLink.module.css.html +1 -1
- package/coverage/ExternalLink/index.html +1 -1
- package/coverage/ExternalLink/props/defaultProps.js.html +1 -1
- package/coverage/ExternalLink/props/index.html +1 -1
- package/coverage/ExternalLink/props/propTypes.js.html +1 -1
- package/coverage/IconButton/IconButton.js.html +7 -7
- package/coverage/IconButton/IconButton.module.css.html +1 -1
- package/coverage/IconButton/index.html +11 -11
- package/coverage/IconButton/props/defaultProps.js.html +1 -1
- package/coverage/IconButton/props/index.html +1 -1
- package/coverage/IconButton/props/propTypes.js.html +1 -1
- package/coverage/Image/Image.js.html +1 -1
- package/coverage/Image/Image.module.css.html +1 -1
- package/coverage/Image/index.html +1 -1
- package/coverage/Image/props/defaultProps.js.html +1 -1
- package/coverage/Image/props/index.html +1 -1
- package/coverage/Image/props/propTypes.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/AvatarWithTeam.module.css.html +1 -1
- package/coverage/avatar/AvatarWithTeam/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/defaultProps.js.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/index.html +1 -1
- package/coverage/avatar/AvatarWithTeam/props/propTypes.js.html +1 -1
- package/coverage/coverage-final.json +16 -16
- package/coverage/coverage-summary.json +17 -17
- package/coverage/index.html +11 -11
- package/es/Drawer/Drawer.js +6 -3
- package/es/Drawer/props/defaultProps.js +2 -1
- package/es/Drawer/props/propTypes.js +2 -1
- package/es/Hooks/Dragger/useDragger.js +4 -3
- package/es/IconButton/IconButton.js +2 -2
- package/es/NewStar/NewStar.module.css +128 -67
- package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -0
- package/es/form/fields/TextEditor/TextEditor.module.css +63 -47
- package/es/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/es/list/status/StatusListItem/StatusListItem.js +12 -5
- package/es/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/list/status/StatusListItem/props/propTypes.js +3 -1
- package/es/lookup/Lookup/Lookup.js +6 -3
- package/es/v1/DotWrapper/DotWrapper.js +37 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/component/DarkMode_Component.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/component/LightMode_Component.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/component/PureDarkMode_Component.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/dot/DarkMode_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/dot/LightMode_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/dot/PureDarkMode_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/svg/DarkMode_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/svg/LightMode_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/appearance/svg/PureDarkMode_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/dynamicImports.js +28 -0
- package/es/v1/DotWrapper/libraryChunks/size/fontSize.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/size/zoomSize.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Dark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Light_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_Dark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_Light_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/green/Green_PureDark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Dark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Light_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_Dark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_Light_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/red/Red_PureDark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +3 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Dark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Light_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Dark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Light_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Dark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Light_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Dark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Light_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +1 -0
- package/es/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +1 -0
- package/es/v1/DotWrapper/props/defaultProps.js +6 -0
- package/es/v1/DotWrapper/props/propTypes.js +9 -0
- package/es/v1/DotWrapper/utils/appearanceProperties.js +46 -0
- package/es/v1/DotWrapper/utils/errorMessage.js +7 -0
- package/es/v1/DotWrapper/utils/importFiles.js +28 -0
- package/es/v1/DotWrapper/utils/sizeProperties.js +12 -0
- package/es/v1/DotWrapper/utils/themeProperties.js +220 -0
- package/es/v1/Drawer/Drawer.js +6 -3
- package/es/v1/Drawer/props/defaultProps.js +2 -1
- package/es/v1/Drawer/props/propTypes.js +2 -1
- package/es/v1/IconButton/IconButton.js +2 -2
- package/es/v1/form/fields/SelectField/SelectField.js +1 -9
- package/es/v1/form/fields/TextBoxField/TextBoxField.js +122 -142
- package/es/v1/form/fields/TextEditorField/TextEditorField.js +133 -153
- package/es/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +137 -178
- package/es/v1/form/fields/TextareaField/TextareaField.js +113 -137
- package/es/v1/form/fields/ValidationMessage/ValidationMessage.js +43 -43
- package/es/v1/form/layout/Field/Field.js +24 -28
- package/es/v1/form/layout/Section/Section.js +25 -33
- package/es/v1/list/Subject/Subject.js +39 -48
- package/es/v1/list/TagNew/TagNew.js +18 -27
- package/es/v1/list/Thread/Thread.js +26 -35
- package/es/v1/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/es/v1/list/status/StatusListItem/StatusListItem.js +12 -5
- package/es/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/es/v1/list/status/StatusListItem/props/propTypes.js +3 -1
- package/es/v1/lookup/Lookup/Lookup.js +6 -3
- package/es/version2/GlobalNotification/GlobalNotification.module.css +1 -2
- package/lib/Drawer/Drawer.js +6 -3
- package/lib/Drawer/props/defaultProps.js +2 -1
- package/lib/Drawer/props/propTypes.js +2 -1
- package/lib/Hooks/Dragger/useDragger.js +4 -3
- package/lib/IconButton/IconButton.js +2 -2
- package/lib/NewStar/NewStar.module.css +128 -67
- package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +4 -0
- package/lib/form/fields/TextEditor/TextEditor.module.css +63 -47
- package/lib/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/lib/list/status/StatusListItem/StatusListItem.js +12 -5
- package/lib/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/list/status/StatusListItem/props/propTypes.js +3 -1
- package/lib/lookup/Lookup/Lookup.js +14 -3
- package/lib/v1/DotWrapper/DotWrapper.js +59 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/component/DarkMode_Component.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/component/LightMode_Component.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/component/PureDarkMode_Component.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/dot/DarkMode_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/dot/LightMode_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/dot/PureDarkMode_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/svg/DarkMode_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/svg/LightMode_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/appearance/svg/PureDarkMode_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/dynamicImports.js +47 -0
- package/lib/v1/DotWrapper/libraryChunks/size/fontSize.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/size/zoomSize.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Dark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_Light_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/green/Green_Dark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/green/Green_Light_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/green/Green_PureDark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Dark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_Light_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/red/Red_Dark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/red/Red_Light_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/red/Red_PureDark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +7 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Dark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_Light_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/blue/Blue_PureDark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Dark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/green/Green_Light_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/green/Green_PureDark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Dark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_Light_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/orange/Orange_PureDark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Dark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/red/Red_Light_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/red/Red_PureDark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Dark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_Light_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/dot/yellow/Yellow_PureDark_Dot.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Dark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_Light_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/blue/Blue_PureDark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Dark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/green/Green_Light_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/green/Green_PureDark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Dark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_Light_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/orange/Orange_PureDark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Dark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/red/Red_Light_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/red/Red_PureDark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Dark_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_Light_SVG.js +3 -0
- package/lib/v1/DotWrapper/libraryChunks/themes/svg/yellow/Yellow_PureDark_SVG.js +3 -0
- package/lib/v1/DotWrapper/props/defaultProps.js +13 -0
- package/lib/v1/DotWrapper/props/propTypes.js +20 -0
- package/lib/v1/DotWrapper/utils/appearanceProperties.js +79 -0
- package/lib/v1/DotWrapper/utils/errorMessage.js +14 -0
- package/lib/v1/DotWrapper/utils/importFiles.js +35 -0
- package/lib/v1/DotWrapper/utils/sizeProperties.js +31 -0
- package/lib/v1/DotWrapper/utils/themeProperties.js +325 -0
- package/lib/v1/Drawer/Drawer.js +6 -3
- package/lib/v1/Drawer/props/defaultProps.js +2 -1
- package/lib/v1/Drawer/props/propTypes.js +2 -1
- package/lib/v1/IconButton/IconButton.js +2 -2
- package/lib/v1/form/fields/SelectField/SelectField.js +1 -7
- package/lib/v1/form/fields/TextBoxField/TextBoxField.js +125 -181
- package/lib/v1/form/fields/TextEditorField/TextEditorField.js +138 -193
- package/lib/v1/form/fields/TextEditorWrapper/TextEditorWrapper.js +160 -212
- package/lib/v1/form/fields/TextareaField/TextareaField.js +117 -177
- package/lib/v1/form/fields/ValidationMessage/ValidationMessage.js +41 -80
- package/lib/v1/form/layout/Field/Field.js +22 -69
- package/lib/v1/form/layout/Section/Section.js +27 -72
- package/lib/v1/list/Subject/Subject.js +39 -87
- package/lib/v1/list/TagNew/TagNew.js +18 -66
- package/lib/v1/list/Thread/Thread.js +25 -73
- package/lib/v1/list/status/StatusDropdown/StatusDropdown.js +2 -1
- package/lib/v1/list/status/StatusListItem/StatusListItem.js +12 -5
- package/lib/v1/list/status/StatusListItem/props/defaultProps.js +2 -1
- package/lib/v1/list/status/StatusListItem/props/propTypes.js +3 -1
- package/lib/v1/lookup/Lookup/Lookup.js +11 -6
- package/lib/version2/GlobalNotification/GlobalNotification.module.css +1 -2
- package/package.json +12 -11
- package/prePublish.js +0 -70
- package/result.json +1 -1
- package/unittest/index.html +1 -1
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports["default"] = DotWrapper;
|
|
7
|
+
|
|
8
|
+
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
10
|
+
var _dynamicImports = require("./libraryChunks/dynamicImports");
|
|
11
|
+
|
|
12
|
+
require("@zohodesk/variables/assets/colorVariables.module.css");
|
|
13
|
+
|
|
14
|
+
require("@zohodesk/variables/assets/dotVariables.module.css");
|
|
15
|
+
|
|
16
|
+
require("@zohodesk/components/es/common/basic.module.css");
|
|
17
|
+
|
|
18
|
+
require("@zohodesk/variables/lib/fontFamilyVariables.module.css");
|
|
19
|
+
|
|
20
|
+
var _propTypes = require("./props/propTypes");
|
|
21
|
+
|
|
22
|
+
var _defaultProps = require("./props/defaultProps");
|
|
23
|
+
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
+
|
|
26
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
27
|
+
|
|
28
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
29
|
+
|
|
30
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
31
|
+
|
|
32
|
+
function DotWrapper(props) {
|
|
33
|
+
var appearance = props.appearance,
|
|
34
|
+
theme = props.theme,
|
|
35
|
+
library = props.library,
|
|
36
|
+
baseZoomSize = props.baseZoomSize,
|
|
37
|
+
baseFontSize = props.baseFontSize,
|
|
38
|
+
className = props.className;
|
|
39
|
+
(0, _dynamicImports.getAppearance)(appearance, library);
|
|
40
|
+
(0, _dynamicImports.getTheme)(appearance, theme, library);
|
|
41
|
+
baseZoomSize && (0, _dynamicImports.getZoomSize)();
|
|
42
|
+
baseFontSize && (0, _dynamicImports.getFontSize)();
|
|
43
|
+
var baseZoom = {
|
|
44
|
+
'--zd_baseSize': baseZoomSize
|
|
45
|
+
};
|
|
46
|
+
var baseFont = {
|
|
47
|
+
'--zd_baseFontSize': baseFontSize
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
var combinedStyles = _objectSpread(_objectSpread({}, baseZoom), baseFont);
|
|
51
|
+
|
|
52
|
+
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
53
|
+
className: "".concat(className, " rootWrapper"),
|
|
54
|
+
style: combinedStyles
|
|
55
|
+
}, "Dot Wrapper");
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
DotWrapper.propTypes = _propTypes.propTypes;
|
|
59
|
+
DotWrapper.defaultProps = _defaultProps.defaultProps;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getAppearance = getAppearance;
|
|
7
|
+
exports.getFontSize = getFontSize;
|
|
8
|
+
exports.getTheme = getTheme;
|
|
9
|
+
exports.getZoomSize = getZoomSize;
|
|
10
|
+
|
|
11
|
+
var _appearanceProperties = require("../utils/appearanceProperties");
|
|
12
|
+
|
|
13
|
+
var _themeProperties = require("../utils/themeProperties");
|
|
14
|
+
|
|
15
|
+
var _sizeProperties = require("../utils/sizeProperties");
|
|
16
|
+
|
|
17
|
+
var _importFiles = require("../utils/importFiles");
|
|
18
|
+
|
|
19
|
+
var _errorMessage = require("../utils/errorMessage");
|
|
20
|
+
|
|
21
|
+
var defaultLib = ['component', 'dot', 'svg'];
|
|
22
|
+
var modeArray = ['light', 'dark', 'pureDark'];
|
|
23
|
+
var themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
|
|
24
|
+
|
|
25
|
+
function getAppearance(mode, library) {
|
|
26
|
+
var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
|
|
27
|
+
console.log('get appearance -->', mode, libArray);
|
|
28
|
+
(0, _errorMessage.errorMessage)(modeArray, mode, 'appearance');
|
|
29
|
+
(0, _importFiles.importFiles)('appearance', libArray, _appearanceProperties.appearanceMapping, _appearanceProperties.appearanceImports, mode);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
function getTheme(mode, theme, library) {
|
|
33
|
+
var libArray = typeof library === 'string' ? [library] : library != undefined ? library : defaultLib;
|
|
34
|
+
console.log('get theme -->', theme, libArray);
|
|
35
|
+
(0, _errorMessage.errorMessage)(themeArray, theme, 'theme');
|
|
36
|
+
(0, _importFiles.importFiles)('theme', libArray, _themeProperties.themeMapping, _themeProperties.themeImports, mode, theme);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
function getZoomSize() {
|
|
40
|
+
console.log('get zoom size variables');
|
|
41
|
+
(0, _importFiles.importFiles)('zoom', null, _sizeProperties.mapping, _sizeProperties.imports);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
function getFontSize() {
|
|
45
|
+
console.log('font size variables');
|
|
46
|
+
(0, _importFiles.importFiles)('font', null, _sizeProperties.mapping, _sizeProperties.imports);
|
|
47
|
+
}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/blue/blue_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/blue/blue_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/blue/blue_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/green/green_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/green/green_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/green/green_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/orange/orange_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/orange/orange_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/orange/orange_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/red/red_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/red/red_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/red/red_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_CTA_DarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/dark/themes/yellow/yellow_ComponentTheme_DarkTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_CTA_LightModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/light/themes/yellow/yellow_ComponentTheme_LightTheme.module.css");
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkTheme.module.css");
|
|
4
|
+
|
|
5
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_CTA_PureDarkModifyCategory.module.css");
|
|
6
|
+
|
|
7
|
+
require("@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellow_ComponentTheme_PureDarkTheme.module.css");
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.defaultProps = void 0;
|
|
7
|
+
var defaultProps = {
|
|
8
|
+
appearance: 'light',
|
|
9
|
+
theme: 'blue',
|
|
10
|
+
library: ['component'],
|
|
11
|
+
className: ''
|
|
12
|
+
};
|
|
13
|
+
exports.defaultProps = defaultProps;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.propTypes = void 0;
|
|
7
|
+
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
9
|
+
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
+
|
|
12
|
+
var propTypes = {
|
|
13
|
+
appearance: _propTypes["default"].oneOf(['light', 'dark', 'pureDark']),
|
|
14
|
+
theme: _propTypes["default"].oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
|
|
15
|
+
library: _propTypes["default"].arrayOf(_propTypes["default"].oneOf(['component', 'dot', 'svg'])),
|
|
16
|
+
baseZoomSize: _propTypes["default"].number,
|
|
17
|
+
baseFontSize: _propTypes["default"].number,
|
|
18
|
+
className: _propTypes["default"].string
|
|
19
|
+
};
|
|
20
|
+
exports.propTypes = propTypes;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.appearanceMapping = exports.appearanceImports = void 0;
|
|
7
|
+
|
|
8
|
+
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); }
|
|
9
|
+
|
|
10
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
11
|
+
|
|
12
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
|
+
|
|
14
|
+
var appearanceImports = {
|
|
15
|
+
Lib_LightMode_Component: function Lib_LightMode_Component() {
|
|
16
|
+
return Promise.resolve().then(function () {
|
|
17
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/component/LightMode_Component'));
|
|
18
|
+
});
|
|
19
|
+
},
|
|
20
|
+
Lib_DarkMode_Component: function Lib_DarkMode_Component() {
|
|
21
|
+
return Promise.resolve().then(function () {
|
|
22
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/component/DarkMode_Component'));
|
|
23
|
+
});
|
|
24
|
+
},
|
|
25
|
+
Lib_PureDarkMode_Component: function Lib_PureDarkMode_Component() {
|
|
26
|
+
return Promise.resolve().then(function () {
|
|
27
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/component/PureDarkMode_Component'));
|
|
28
|
+
});
|
|
29
|
+
},
|
|
30
|
+
Lib_LightMode_Dot: function Lib_LightMode_Dot() {
|
|
31
|
+
return Promise.resolve().then(function () {
|
|
32
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/dot/LightMode_Dot'));
|
|
33
|
+
});
|
|
34
|
+
},
|
|
35
|
+
Lib_DarkMode_Dot: function Lib_DarkMode_Dot() {
|
|
36
|
+
return Promise.resolve().then(function () {
|
|
37
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/dot/DarkMode_Dot'));
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
Lib_PureDarkMode_Dot: function Lib_PureDarkMode_Dot() {
|
|
41
|
+
return Promise.resolve().then(function () {
|
|
42
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/dot/PureDarkMode_Dot'));
|
|
43
|
+
});
|
|
44
|
+
},
|
|
45
|
+
Lib_LightMode_SVG: function Lib_LightMode_SVG() {
|
|
46
|
+
return Promise.resolve().then(function () {
|
|
47
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/svg/LightMode_SVG'));
|
|
48
|
+
});
|
|
49
|
+
},
|
|
50
|
+
Lib_DarkMode_SVG: function Lib_DarkMode_SVG() {
|
|
51
|
+
return Promise.resolve().then(function () {
|
|
52
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/svg/DarkMode_SVG'));
|
|
53
|
+
});
|
|
54
|
+
},
|
|
55
|
+
Lib_PureDarkMode_SVG: function Lib_PureDarkMode_SVG() {
|
|
56
|
+
return Promise.resolve().then(function () {
|
|
57
|
+
return _interopRequireWildcard(require('../libraryChunks/appearance/svg/PureDarkMode_SVG'));
|
|
58
|
+
});
|
|
59
|
+
}
|
|
60
|
+
};
|
|
61
|
+
exports.appearanceImports = appearanceImports;
|
|
62
|
+
var appearanceMapping = {
|
|
63
|
+
component: {
|
|
64
|
+
light: 'Lib_LightMode_Component',
|
|
65
|
+
dark: 'Lib_DarkMode_Component',
|
|
66
|
+
pureDark: 'Lib_PureDarkMode_Component'
|
|
67
|
+
},
|
|
68
|
+
dot: {
|
|
69
|
+
light: 'Lib_LightMode_Dot',
|
|
70
|
+
dark: 'Lib_DarkMode_Dot',
|
|
71
|
+
pureDark: 'Lib_PureDarkMode_Dot'
|
|
72
|
+
},
|
|
73
|
+
svg: {
|
|
74
|
+
light: 'Lib_LightMode_SVG',
|
|
75
|
+
dark: 'Lib_DarkMode_SVG',
|
|
76
|
+
pureDark: 'Lib_PureDarkMode_SVG'
|
|
77
|
+
}
|
|
78
|
+
};
|
|
79
|
+
exports.appearanceMapping = appearanceMapping;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.errorMessage = errorMessage;
|
|
7
|
+
|
|
8
|
+
function errorMessage(array, value, type) {
|
|
9
|
+
if (!array.includes(value)) {
|
|
10
|
+
throw new Error("We do not support the '".concat(value, " ").concat(type, "'. Please provide valid '").concat(type, "' name or check spelling."));
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
return;
|
|
14
|
+
}
|