@zohodesk/svg 1.0.0-temp.47 → 1.0.0-temp.49
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/README.md +11 -0
- package/assets/Appearance/dark/mode/darkEmptyStates.module.css +30 -30
- package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +8 -8
- package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +8 -8
- package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +8 -8
- package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +8 -8
- package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +8 -8
- package/assets/Appearance/default/mode/defaultEmptyStates.module.css +30 -30
- package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +8 -8
- package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +8 -8
- package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +8 -8
- package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +8 -8
- package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +8 -8
- package/assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css +30 -30
- package/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css +8 -8
- package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css +8 -8
- package/css_error.log +0 -0
- package/es/Loader/Loader.js +7 -9
- package/es/{svg → SVG}/SVG.js +5 -6
- package/es/{svg → SVG}/SVG.module.css +0 -0
- package/es/{svg → SVG}/SvgLoader.js +1 -4
- package/es/{svg → SVG}/props/defaultProps.js +0 -0
- package/es/{svg → SVG}/props/propTypes.js +0 -0
- package/es/emptystate/version1/EmptyCustomDomain.js +8 -10
- package/es/emptystate/version2/EmptyBusinessHoliday.js +8 -9
- package/es/emptystate/version2/EmptyBusinessHour.js +8 -9
- package/es/emptystate/version2/EmptyFromAddress.js +8 -10
- package/es/emptystate/version2/EmptyImportHistory.js +8 -9
- package/es/emptystate/version2/EmptyNetwork.js +8 -10
- package/es/emptystate/version2/EmptyRecycleBin.js +8 -10
- package/es/emptystate/version2/EmptyRoles.js +8 -10
- package/es/emptystate/version2/EmptyWebhook.js +8 -10
- package/es/emptystate/version2/FailureLog.js +8 -9
- package/es/emptystate/version3/AuditLog.js +78 -0
- package/es/emptystate/version3/Contract.js +90 -0
- package/es/emptystate/version3/CustomModule.js +8 -10
- package/es/emptystate/version3/EmptyAccounts.js +8 -10
- package/es/emptystate/version3/EmptyActiveCalls.js +8 -9
- package/es/emptystate/version3/EmptyActivity.js +8 -9
- package/es/emptystate/version3/EmptyAgent.js +8 -9
- package/es/emptystate/version3/EmptyAgentQueue.js +8 -9
- package/es/emptystate/version3/EmptyApplechat.js +72 -0
- package/es/emptystate/version3/EmptyApproval.js +8 -10
- package/es/emptystate/version3/EmptyArchived.js +8 -10
- package/es/emptystate/version3/EmptyArticle.js +73 -0
- package/es/emptystate/version3/EmptyAsapchat.js +68 -0
- package/es/emptystate/version3/EmptyAttach.js +8 -9
- package/es/emptystate/version3/EmptyBlueprint.js +8 -9
- package/es/emptystate/version3/EmptyCallHistory.js +8 -9
- package/es/emptystate/version3/EmptyCanned.js +78 -0
- package/es/emptystate/version3/EmptyChat.js +78 -0
- package/es/emptystate/version3/EmptyCollision.js +8 -10
- package/es/emptystate/version3/EmptyColumn.js +8 -10
- package/es/emptystate/version3/EmptyContact.js +8 -9
- package/es/emptystate/version3/EmptyContract.js +8 -10
- package/es/emptystate/version3/EmptyConversation.js +8 -9
- package/es/emptystate/version3/EmptyCrm.js +8 -10
- package/es/emptystate/version3/EmptyCrmNotes.js +8 -10
- package/es/emptystate/version3/EmptyCrmPotential.js +8 -9
- package/es/emptystate/version3/EmptyDashboard.js +8 -10
- package/es/emptystate/version3/EmptyDelete.js +8 -10
- package/es/emptystate/version3/EmptyDepartment.js +8 -10
- package/es/emptystate/version3/EmptyError.js +8 -9
- package/es/emptystate/version3/EmptyFeed.js +8 -10
- package/es/emptystate/version3/EmptyFollowers.js +8 -10
- package/es/emptystate/version3/EmptyFrame.js +8 -9
- package/es/emptystate/version3/EmptyHappiness.js +8 -9
- package/es/emptystate/version3/EmptyHistory.js +8 -10
- package/es/emptystate/version3/EmptyInstagram.js +74 -0
- package/es/emptystate/version3/EmptyInstantmessage.js +76 -0
- package/es/emptystate/version3/EmptyInvoice.js +8 -10
- package/es/emptystate/version3/EmptyLine.js +74 -0
- package/es/emptystate/version3/EmptyMessenger.js +60 -0
- package/es/emptystate/version3/EmptyNoData.js +78 -0
- package/es/emptystate/version3/EmptyNotification.js +8 -10
- package/es/emptystate/version3/EmptyPreference.js +79 -0
- package/es/emptystate/version3/EmptyProducts.js +8 -10
- package/es/emptystate/version3/EmptyReply.js +8 -10
- package/es/emptystate/version3/EmptyReports.js +8 -10
- package/es/emptystate/version3/EmptySandbox.js +70 -0
- package/es/emptystate/version3/EmptySchedule.js +8 -10
- package/es/emptystate/version3/EmptySearch.js +8 -10
- package/es/emptystate/version3/EmptySkills.js +8 -10
- package/es/emptystate/version3/EmptySla.js +8 -10
- package/es/emptystate/version3/EmptySnippet.js +8 -10
- package/es/emptystate/version3/EmptyTag.js +8 -10
- package/es/emptystate/version3/EmptyTask.js +8 -10
- package/es/emptystate/version3/EmptyTeams.js +8 -9
- package/es/emptystate/version3/EmptyTelegram.js +74 -0
- package/es/emptystate/version3/EmptyTemplate.js +8 -10
- package/es/emptystate/version3/EmptyTicket.js +8 -9
- package/es/emptystate/version3/EmptyTimeEntry.js +8 -10
- package/es/emptystate/version3/EmptyTimeline.js +8 -9
- package/es/emptystate/version3/EmptyTopic.js +8 -10
- package/es/emptystate/version3/EmptyTwilio.js +74 -0
- package/es/emptystate/version3/EmptyWechat.js +74 -0
- package/es/emptystate/version3/EmptyWhatsapp.js +74 -0
- package/es/emptystate/version3/Export.js +8 -9
- package/es/emptystate/version3/Extensions.js +8 -9
- package/es/emptystate/version3/Extractor.js +8 -9
- package/es/emptystate/version3/GCBot.js +8 -9
- package/es/emptystate/version3/GCConversation.js +8 -9
- package/es/emptystate/version3/Import.js +8 -9
- package/es/emptystate/version3/KBBot.js +8 -9
- package/es/emptystate/version3/Multilingual.js +8 -9
- package/es/emptystate/version3/NetworkError.js +8 -9
- package/es/emptystate/version3/Predictor.js +8 -9
- package/es/emptystate/version3/ReadRecipients.js +8 -9
- package/es/emptystate/version3/SupportPlan.js +75 -0
- package/es/emptystate/version3/Variable.js +8 -9
- package/es/emptystate/version3/ZiaAnamoly.js +8 -9
- package/es/errorstate/version1/EmptyInconvenience.js +8 -9
- package/es/errorstate/version1/NoRequestFound.js +8 -9
- package/es/errorstate/version1/PageNotFound.js +8 -9
- package/es/errorstate/version1/UnableToProcessRequest.js +8 -9
- package/es/errorstate/version1/UnauthorizedLogin.js +8 -9
- package/es/errorstate/version1/UrlNotFound.js +8 -9
- package/es/errorstate/version1/WillBeRightBack.js +8 -9
- package/es/errorstate/version2/EmptyUnauthorizedLogin.js +9 -11
- package/es/errorstate/version2/EmptyWillBeRightBack.js +8 -9
- package/es/errorstate/version2/NotImpossible.js +8 -9
- package/es/errorstate/version3/ErrorInconvenience.js +9 -11
- package/es/errorstate/version3/ErrorOopsSomethingMiss.js +9 -11
- package/es/errorstate/version3/ErrorUnableToProcessRequest.js +9 -11
- package/es/errorstate/version3/ErrorUnauthorizedLogin.js +9 -10
- package/es/errorstate/version3/ErrorUrlNotFound.js +9 -11
- package/es/errorstate/version3/ErrorWillBeRightBack.js +9 -10
- package/es/index.js +14 -12
- package/install.md +11 -0
- package/lib/Loader/Loader.js +7 -32
- package/lib/Loader/props/propTypes.js +0 -3
- package/lib/{svg → SVG}/SVG.js +17 -41
- package/lib/{svg → SVG}/SVG.module.css +0 -0
- package/lib/{svg → SVG}/SvgLoader.js +4 -20
- package/lib/{svg → SVG}/props/defaultProps.js +0 -0
- package/lib/{svg → SVG}/props/propTypes.js +0 -3
- package/lib/emptystate/props/propTypes.js +0 -3
- package/lib/emptystate/version1/EmptyCustomDomain.js +6 -35
- package/lib/emptystate/version2/EmptyBusinessHoliday.js +6 -34
- package/lib/emptystate/version2/EmptyBusinessHour.js +6 -34
- package/lib/emptystate/version2/EmptyFromAddress.js +6 -35
- package/lib/emptystate/version2/EmptyImportHistory.js +6 -34
- package/lib/emptystate/version2/EmptyNetwork.js +6 -35
- package/lib/emptystate/version2/EmptyRecycleBin.js +6 -35
- package/lib/emptystate/version2/EmptyRoles.js +6 -35
- package/lib/emptystate/version2/EmptyWebhook.js +6 -35
- package/lib/emptystate/version2/FailureLog.js +6 -34
- package/lib/emptystate/version3/AuditLog.js +109 -0
- package/lib/emptystate/version3/Contract.js +121 -0
- package/lib/emptystate/version3/CustomModule.js +6 -34
- package/lib/emptystate/version3/EmptyAccounts.js +6 -34
- package/lib/emptystate/version3/EmptyActiveCalls.js +6 -33
- package/lib/emptystate/version3/EmptyActivity.js +6 -33
- package/lib/emptystate/version3/EmptyAgent.js +6 -33
- package/lib/emptystate/version3/EmptyAgentQueue.js +6 -33
- package/lib/emptystate/version3/EmptyApplechat.js +103 -0
- package/lib/emptystate/version3/EmptyApproval.js +6 -34
- package/lib/emptystate/version3/EmptyArchived.js +6 -34
- package/lib/emptystate/version3/EmptyArticle.js +104 -0
- package/lib/emptystate/version3/EmptyAsapchat.js +99 -0
- package/lib/emptystate/version3/EmptyAttach.js +6 -33
- package/lib/emptystate/version3/EmptyBlueprint.js +6 -33
- package/lib/emptystate/version3/EmptyCallHistory.js +6 -33
- package/lib/emptystate/version3/EmptyCanned.js +109 -0
- package/lib/emptystate/version3/EmptyChat.js +109 -0
- package/lib/emptystate/version3/EmptyCollision.js +6 -34
- package/lib/emptystate/version3/EmptyColumn.js +6 -34
- package/lib/emptystate/version3/EmptyContact.js +6 -33
- package/lib/emptystate/version3/EmptyContract.js +6 -34
- package/lib/emptystate/version3/EmptyConversation.js +6 -33
- package/lib/emptystate/version3/EmptyCrm.js +6 -34
- package/lib/emptystate/version3/EmptyCrmNotes.js +6 -34
- package/lib/emptystate/version3/EmptyCrmPotential.js +6 -33
- package/lib/emptystate/version3/EmptyDashboard.js +6 -34
- package/lib/emptystate/version3/EmptyDelete.js +6 -34
- package/lib/emptystate/version3/EmptyDepartment.js +6 -34
- package/lib/emptystate/version3/EmptyError.js +6 -33
- package/lib/emptystate/version3/EmptyFeed.js +6 -34
- package/lib/emptystate/version3/EmptyFollowers.js +6 -34
- package/lib/emptystate/version3/EmptyFrame.js +6 -33
- package/lib/emptystate/version3/EmptyHappiness.js +6 -33
- package/lib/emptystate/version3/EmptyHistory.js +6 -34
- package/lib/emptystate/version3/EmptyInstagram.js +105 -0
- package/lib/emptystate/version3/EmptyInstantmessage.js +107 -0
- package/lib/emptystate/version3/EmptyInvoice.js +6 -34
- package/lib/emptystate/version3/EmptyLine.js +105 -0
- package/lib/emptystate/version3/EmptyMessenger.js +91 -0
- package/lib/emptystate/version3/EmptyNoData.js +109 -0
- package/lib/emptystate/version3/EmptyNotification.js +6 -34
- package/lib/emptystate/version3/EmptyPreference.js +110 -0
- package/lib/emptystate/version3/EmptyProducts.js +6 -34
- package/lib/emptystate/version3/EmptyReply.js +6 -34
- package/lib/emptystate/version3/EmptyReports.js +6 -34
- package/lib/emptystate/version3/EmptySandbox.js +101 -0
- package/lib/emptystate/version3/EmptySchedule.js +6 -34
- package/lib/emptystate/version3/EmptySearch.js +6 -34
- package/lib/emptystate/version3/EmptySkills.js +6 -34
- package/lib/emptystate/version3/EmptySla.js +6 -34
- package/lib/emptystate/version3/EmptySnippet.js +6 -34
- package/lib/emptystate/version3/EmptyTag.js +6 -34
- package/lib/emptystate/version3/EmptyTask.js +6 -34
- package/lib/emptystate/version3/EmptyTeams.js +6 -33
- package/lib/emptystate/version3/EmptyTelegram.js +105 -0
- package/lib/emptystate/version3/EmptyTemplate.js +6 -34
- package/lib/emptystate/version3/EmptyTicket.js +6 -33
- package/lib/emptystate/version3/EmptyTimeEntry.js +6 -34
- package/lib/emptystate/version3/EmptyTimeline.js +6 -33
- package/lib/emptystate/version3/EmptyTopic.js +6 -34
- package/lib/emptystate/version3/EmptyTwilio.js +105 -0
- package/lib/emptystate/version3/EmptyWechat.js +105 -0
- package/lib/emptystate/version3/EmptyWhatsapp.js +105 -0
- package/lib/emptystate/version3/Export.js +6 -33
- package/lib/emptystate/version3/Extensions.js +6 -33
- package/lib/emptystate/version3/Extractor.js +6 -33
- package/lib/emptystate/version3/GCBot.js +6 -33
- package/lib/emptystate/version3/GCConversation.js +6 -33
- package/lib/emptystate/version3/Import.js +6 -33
- package/lib/emptystate/version3/KBBot.js +6 -33
- package/lib/emptystate/version3/Multilingual.js +6 -33
- package/lib/emptystate/version3/NetworkError.js +6 -33
- package/lib/emptystate/version3/Predictor.js +6 -33
- package/lib/emptystate/version3/ReadRecipients.js +6 -33
- package/lib/emptystate/version3/SupportPlan.js +106 -0
- package/lib/emptystate/version3/Variable.js +6 -33
- package/lib/emptystate/version3/ZiaAnamoly.js +6 -33
- package/lib/errorstate/props/propTypes.js +0 -3
- package/lib/errorstate/version1/EmptyInconvenience.js +6 -34
- package/lib/errorstate/version1/NoRequestFound.js +6 -34
- package/lib/errorstate/version1/PageNotFound.js +6 -34
- package/lib/errorstate/version1/UnableToProcessRequest.js +6 -34
- package/lib/errorstate/version1/UnauthorizedLogin.js +6 -34
- package/lib/errorstate/version1/UrlNotFound.js +6 -34
- package/lib/errorstate/version1/WillBeRightBack.js +6 -34
- package/lib/errorstate/version2/EmptyUnauthorizedLogin.js +7 -35
- package/lib/errorstate/version2/EmptyWillBeRightBack.js +6 -33
- package/lib/errorstate/version2/NotImpossible.js +6 -33
- package/lib/errorstate/version3/ErrorInconvenience.js +7 -35
- package/lib/errorstate/version3/ErrorOopsSomethingMiss.js +7 -35
- package/lib/errorstate/version3/ErrorUnableToProcessRequest.js +7 -35
- package/lib/errorstate/version3/ErrorUnauthorizedLogin.js +7 -34
- package/lib/errorstate/version3/ErrorUrlNotFound.js +7 -35
- package/lib/errorstate/version3/ErrorWillBeRightBack.js +7 -34
- package/lib/index.js +15 -97
- package/package.json +20 -20
- package/assets/Appearance/dark/mode/contrast/darkContrastEmptyStates.module.css +0 -37
- package/assets/Appearance/dark/themes/blue/contrast/blueDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/dark/themes/green/contrast/greenDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/dark/themes/orange/contrast/orangeDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/dark/themes/red/contrast/redDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/dark/themes/yellow/contrast/yellowDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/default/mode/contrast/defaultContrastEmptyStates.module.css +0 -37
- package/assets/Appearance/default/themes/blue/contrast/blueDefaultCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/default/themes/green/contrast/greenDefaultCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/default/themes/orange/contrast/orangeDefaultCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/default/themes/red/contrast/redDefaultCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/default/themes/yellow/contrast/yellowDefaultCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/pureDark/mode/contrast/pureDarkContrastEmptyStates.module.css +0 -37
- package/assets/Appearance/pureDark/themes/blue/contrast/bluePureDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css +0 -10
- package/assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css +0 -10
- package/es/Provider.js +0 -120
- package/es/docs/Emptystate__version1.docs.js +0 -29
- package/es/docs/Emptystate__version2.docs.js +0 -45
- package/es/docs/Emptystate__version3.docs.js +0 -148
- package/es/docs/Errorstate__version1.docs.js +0 -41
- package/es/docs/Errorstate__version2.docs.js +0 -33
- package/es/docs/Errorstate__version3.docs.js +0 -39
- package/es/docs/SVG__common.docs.js +0 -29
- package/es/docs/SVGdocstyle.module.css +0 -74
- package/lib/Provider.js +0 -222
- package/lib/docs/Emptystate__version1.docs.js +0 -79
- package/lib/docs/Emptystate__version2.docs.js +0 -103
- package/lib/docs/Emptystate__version3.docs.js +0 -256
- package/lib/docs/Errorstate__version1.docs.js +0 -97
- package/lib/docs/Errorstate__version2.docs.js +0 -85
- package/lib/docs/Errorstate__version3.docs.js +0 -94
- package/lib/docs/SVG__common.docs.js +0 -79
- package/lib/docs/SVGdocstyle.module.css +0 -74
package/package.json
CHANGED
|
@@ -1,25 +1,34 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zohodesk/svg",
|
|
3
|
-
"version": "1.0.0-temp.
|
|
3
|
+
"version": "1.0.0-temp.49",
|
|
4
4
|
"main": "lib/index",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"jsnext:main": "es/index.js",
|
|
7
7
|
"private": false,
|
|
8
|
-
"
|
|
9
|
-
|
|
8
|
+
"publishConfig": {
|
|
9
|
+
"access": "public"
|
|
10
|
+
},
|
|
11
|
+
"author": "Z Team",
|
|
12
|
+
"homepage": "https://www.npmjs.com/search?q=@zohodesk",
|
|
10
13
|
"license": "ISC",
|
|
14
|
+
"keywords": [
|
|
15
|
+
"DOT",
|
|
16
|
+
"ZOHODESK",
|
|
17
|
+
"ZTEAM",
|
|
18
|
+
"LIBRARY"
|
|
19
|
+
],
|
|
11
20
|
"scripts": {
|
|
12
21
|
"clean": "react-cli clean lib es coverage",
|
|
13
22
|
"build": "react-cli build:component:cmjs",
|
|
14
23
|
"build:es": "react-cli build:library:es",
|
|
15
|
-
"build:dev": "npm run clean && npm run build:variables && npm run build
|
|
24
|
+
"build:dev": "npm run clean && npm run build:variables && npm run build:es --module:mode=dev -- -w",
|
|
16
25
|
"rtl:watch": "react-cli rtl ./src ./es -w",
|
|
17
26
|
"prepare": "npm run init && npm run build && npm run build:es",
|
|
18
27
|
"init": "npm run clean && npm run build:variables",
|
|
19
28
|
"build:variables": "node ./preprocess/index",
|
|
20
29
|
"lint": "react-cli lint",
|
|
21
|
-
"common_package_build": "cd ../common && npm run build && cd ../
|
|
22
|
-
"docs": "
|
|
30
|
+
"common_package_build": "cd ../common && npm run build && cd ../svg",
|
|
31
|
+
"docs": "react-cli docs",
|
|
23
32
|
"postpublish": "react-cli postpublish",
|
|
24
33
|
"download": "rm package-lock.json && rm -rf node_modules/ && npm install",
|
|
25
34
|
"expublish": "npm publish --tag experimental-version"
|
|
@@ -35,21 +44,12 @@
|
|
|
35
44
|
},
|
|
36
45
|
"dependencies": {},
|
|
37
46
|
"devDependencies": {
|
|
38
|
-
"@zohodesk/variables": "1.0.0-
|
|
39
|
-
"@zohodesk/components": "1.0.0-
|
|
47
|
+
"@zohodesk/variables": "1.0.0-beta.29",
|
|
48
|
+
"@zohodesk/components": "1.0.0-temp-127",
|
|
40
49
|
"@svgr/cli": "6.2.1"
|
|
41
50
|
},
|
|
42
51
|
"peerDependencies": {
|
|
43
|
-
"@zohodesk/variables": "1.0.0-
|
|
44
|
-
"@zohodesk/components": "1.0.0-
|
|
45
|
-
}
|
|
46
|
-
"tags": [
|
|
47
|
-
"react",
|
|
48
|
-
"redux"
|
|
49
|
-
],
|
|
50
|
-
"keywords": [
|
|
51
|
-
"react",
|
|
52
|
-
"redux",
|
|
53
|
-
"router"
|
|
54
|
-
]
|
|
52
|
+
"@zohodesk/variables": "1.0.0-beta.29",
|
|
53
|
+
"@zohodesk/components": "1.0.0-temp-127"
|
|
54
|
+
}
|
|
55
55
|
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
[data-mode='dark']:global(.contrast) {
|
|
2
|
-
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
|
|
4
|
-
--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
|
|
5
|
-
--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
|
|
6
|
-
--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: #1482ff;
|
|
8
|
-
--zdt_svg_default_cross: #41aa8c;
|
|
9
|
-
--zdt_svg_default_medium_circle: #ff3838;
|
|
10
|
-
--zdt_svg_default_tiny_circle: #389f4e;
|
|
11
|
-
--zdt_svg_default_small_circle: #ff3838;
|
|
12
|
-
--zdt_svg_default_circle_fill: #e6e6e6;
|
|
13
|
-
|
|
14
|
-
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
|
|
16
|
-
--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
|
|
17
|
-
--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: #1482ff;
|
|
20
|
-
--zdt_svg_dark_cross: #41aa8c;
|
|
21
|
-
--zdt_svg_dark_medium_circle: #ff3838;
|
|
22
|
-
--zdt_svg_dark_tiny_circle: #389f4e;
|
|
23
|
-
--zdt_svg_dark_small_circle: #ff3838;
|
|
24
|
-
--zdt_svg_dark_circle_fill: #e6e6e6;
|
|
25
|
-
|
|
26
|
-
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: #cc5800;
|
|
28
|
-
--zdt_svg_danger_primary_stroke: #1482ff;
|
|
29
|
-
--zdt_svg_danger_secondary_fill: #223144;
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: #223144;
|
|
31
|
-
--zdt_svg_danger_plus: #1482ff;
|
|
32
|
-
--zdt_svg_danger_cross: #41aa8c;
|
|
33
|
-
--zdt_svg_danger_medium_circle: #ff3838;
|
|
34
|
-
--zdt_svg_danger_tiny_circle: #389f4e;
|
|
35
|
-
--zdt_svg_danger_small_circle: #ff3838;
|
|
36
|
-
--zdt_svg_danger_circle_fill: #e6e6e6;
|
|
37
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='blue']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #6a717c;
|
|
3
|
-
--zdt_cta_primary_stroke: #1482ff;
|
|
4
|
-
--zdt_cta_secondary_fill: #1482ff;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #223144;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #6a717c;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #1482ff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #223144;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #223144
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='green']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #367d45;
|
|
3
|
-
--zdt_cta_primary_stroke: #367d45;
|
|
4
|
-
--zdt_cta_secondary_fill: #367d45;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #367d45;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #367d45;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #367d45;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #367d45;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #367d45
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='orange']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #eb6600;
|
|
3
|
-
--zdt_cta_primary_stroke: #eb6600;
|
|
4
|
-
--zdt_cta_secondary_fill: #eb6600;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #eb6600;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #eb6600;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #eb6600;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #eb6600;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #eb6600
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='red']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #e42121;
|
|
3
|
-
--zdt_cta_primary_stroke: #e42121;
|
|
4
|
-
--zdt_cta_secondary_fill: #e42121;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #e42121;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #e42121;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #e42121;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #e42121;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #e42121
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='dark'][data-theme='yellow']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #b77f24;
|
|
3
|
-
--zdt_cta_primary_stroke: #b77f24;
|
|
4
|
-
--zdt_cta_secondary_fill: #b77f24;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #b77f24;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #b77f24;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #b77f24;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #b77f24;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #b77f24
|
|
10
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
[data-mode='default']:global(.contrast) {
|
|
2
|
-
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
|
|
4
|
-
--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
|
|
5
|
-
--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
|
|
6
|
-
--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: #5f89c8;
|
|
8
|
-
--zdt_svg_default_cross: #81cfb9;
|
|
9
|
-
--zdt_svg_default_medium_circle: #ed929b;
|
|
10
|
-
--zdt_svg_default_tiny_circle: #81cfb9;
|
|
11
|
-
--zdt_svg_default_small_circle: #1a1a1a;
|
|
12
|
-
--zdt_svg_default_circle_fill: #ffffff;
|
|
13
|
-
|
|
14
|
-
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
|
|
16
|
-
--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
|
|
17
|
-
--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: #7ab8ff;
|
|
20
|
-
--zdt_svg_dark_cross: #81cfb9;
|
|
21
|
-
--zdt_svg_dark_medium_circle: #ed929b;
|
|
22
|
-
--zdt_svg_dark_tiny_circle: #81cfb9;
|
|
23
|
-
--zdt_svg_dark_small_circle: #1a1a1a;
|
|
24
|
-
--zdt_svg_dark_circle_fill: #ffffff;
|
|
25
|
-
|
|
26
|
-
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: #ff8b33;
|
|
28
|
-
--zdt_svg_danger_primary_stroke: #1a1a1a;
|
|
29
|
-
--zdt_svg_danger_secondary_fill: #5f89c8;
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: #5f89c8;
|
|
31
|
-
--zdt_svg_danger_plus: #5f89c8;
|
|
32
|
-
--zdt_svg_danger_cross: #81cfb9;
|
|
33
|
-
--zdt_svg_danger_medium_circle: #ed929b;
|
|
34
|
-
--zdt_svg_danger_tiny_circle: #81cfb9;
|
|
35
|
-
--zdt_svg_danger_small_circle: #1a1a1a;
|
|
36
|
-
--zdt_svg_danger_circle_fill: #ffffff;
|
|
37
|
-
}
|
package/assets/Appearance/default/themes/blue/contrast/blueDefaultCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='default'][data-theme='blue']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #318df6;
|
|
3
|
-
--zdt_cta_primary_stroke: #3e3838;
|
|
4
|
-
--zdt_cta_secondary_fill: #318df6;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #318df6;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #cacfe7;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #ffffff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #5f89c8;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #5f89c8
|
|
10
|
-
}
|
package/assets/Appearance/default/themes/green/contrast/greenDefaultCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='default'][data-theme='green']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #33d155;
|
|
3
|
-
--zdt_cta_primary_stroke: #1a1a1a;
|
|
4
|
-
--zdt_cta_secondary_fill: #33d155;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #33d155;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #33d155;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #ffffff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #33d155;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #33d155
|
|
10
|
-
}
|
package/assets/Appearance/default/themes/orange/contrast/orangeDefaultCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='default'][data-theme='orange']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #ec9141;
|
|
3
|
-
--zdt_cta_primary_stroke: #1a1a1a;
|
|
4
|
-
--zdt_cta_secondary_fill: #ec9141;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #ec9141;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #ec9141;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #ffffff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #ec9141;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #ec9141
|
|
10
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='default'][data-theme='red']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #e56161;
|
|
3
|
-
--zdt_cta_primary_stroke: #1a1a1a;
|
|
4
|
-
--zdt_cta_secondary_fill: #e56161;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #e56161;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #e56161;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #ffffff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #e56161;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #e56161
|
|
10
|
-
}
|
package/assets/Appearance/default/themes/yellow/contrast/yellowDefaultCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='default'][data-theme='yellow']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #edc850;
|
|
3
|
-
--zdt_cta_primary_stroke: #1a1a1a;
|
|
4
|
-
--zdt_cta_secondary_fill: #edc850;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #edc850;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #edc850;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #ffffff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #edc850;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #edc850
|
|
10
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark']:global(.contrast) {
|
|
2
|
-
/* default palette */
|
|
3
|
-
--zdt_svg_default_primary_fill: var(--zdt_cta_primary_fill);
|
|
4
|
-
--zdt_svg_default_primary_stroke: var(--zdt_cta_primary_stroke);
|
|
5
|
-
--zdt_svg_default_secondary_fill: var(--zdt_cta_secondary_fill);
|
|
6
|
-
--zdt_svg_default_secondary_plainfill: var(--zdt_cta_secondary_plainfill);
|
|
7
|
-
--zdt_svg_default_plus: #1482ff;
|
|
8
|
-
--zdt_svg_default_cross: #41aa8c;
|
|
9
|
-
--zdt_svg_default_medium_circle: #ff3838;
|
|
10
|
-
--zdt_svg_default_tiny_circle: #389f4e;
|
|
11
|
-
--zdt_svg_default_small_circle: #ff3838;
|
|
12
|
-
--zdt_svg_default_circle_fill: #e6e6e6;
|
|
13
|
-
|
|
14
|
-
/* dark palette */
|
|
15
|
-
--zdt_svg_dark_primary_fill: var(--zdt_cta_primary_dark_fill);
|
|
16
|
-
--zdt_svg_dark_primary_stroke: var(--zdt_cta_primary_dark_stroke);
|
|
17
|
-
--zdt_svg_dark_secondary_fill: var(--zdt_cta_secondary_dark_fill);
|
|
18
|
-
--zdt_svg_dark_secondary_plainfill: var(--zdt_cta_secondary_dark_plainfill);
|
|
19
|
-
--zdt_svg_dark_plus: #1482ff;
|
|
20
|
-
--zdt_svg_dark_cross: #41aa8c;
|
|
21
|
-
--zdt_svg_dark_medium_circle: #ff3838;
|
|
22
|
-
--zdt_svg_dark_tiny_circle: #389f4e;
|
|
23
|
-
--zdt_svg_dark_small_circle: #ff3838;
|
|
24
|
-
--zdt_svg_dark_circle_fill: #e6e6e6;
|
|
25
|
-
|
|
26
|
-
/* danger palette */
|
|
27
|
-
--zdt_svg_danger_primary_fill: #cc5800;
|
|
28
|
-
--zdt_svg_danger_primary_stroke: #1482ff;
|
|
29
|
-
--zdt_svg_danger_secondary_fill: #223144;
|
|
30
|
-
--zdt_svg_danger_secondary_plainfill: #223144;
|
|
31
|
-
--zdt_svg_danger_plus: #1482ff;
|
|
32
|
-
--zdt_svg_danger_cross: #41aa8c;
|
|
33
|
-
--zdt_svg_danger_medium_circle: #ff3838;
|
|
34
|
-
--zdt_svg_danger_tiny_circle: #389f4e;
|
|
35
|
-
--zdt_svg_danger_small_circle: #ff3838;
|
|
36
|
-
--zdt_svg_danger_circle_fill: #e6e6e6;
|
|
37
|
-
}
|
package/assets/Appearance/pureDark/themes/blue/contrast/bluePureDarkCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='blue']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #6a717c;
|
|
3
|
-
--zdt_cta_primary_stroke: #1482ff;
|
|
4
|
-
--zdt_cta_secondary_fill: #223144;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #223144;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #6a717c;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #1482ff;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #223144;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #223144
|
|
10
|
-
}
|
package/assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='green']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #367d45;
|
|
3
|
-
--zdt_cta_primary_stroke: #094e12;
|
|
4
|
-
--zdt_cta_secondary_fill: #367d45;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #367d45;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #367d45;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #094918;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #367d45;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #367d45
|
|
10
|
-
}
|
package/assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='orange']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #eb6600;
|
|
3
|
-
--zdt_cta_primary_stroke: #753900;
|
|
4
|
-
--zdt_cta_secondary_fill: #eb6600;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #eb6600;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #eb6600;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #753900;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #eb6600;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #eb6600
|
|
10
|
-
}
|
package/assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='red']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #790c0c;
|
|
3
|
-
--zdt_cta_primary_stroke: #e42121;
|
|
4
|
-
--zdt_cta_secondary_fill: #e42121;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #e42121;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #e42121;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #790c0c;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #e42121;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #e42121
|
|
10
|
-
}
|
package/assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
[data-mode='pureDark'][data-theme='yellow']:global(.contrast) {
|
|
2
|
-
--zdt_cta_primary_fill: #b77f24;
|
|
3
|
-
--zdt_cta_primary_stroke: #6b4706;
|
|
4
|
-
--zdt_cta_secondary_fill: #b77f24;
|
|
5
|
-
--zdt_cta_secondary_plainfill: #b77f24;
|
|
6
|
-
--zdt_cta_primary_dark_fill: #b77f24;
|
|
7
|
-
--zdt_cta_primary_dark_stroke: #6b4706;
|
|
8
|
-
--zdt_cta_secondary_dark_fill: #b77f24;
|
|
9
|
-
--zdt_cta_secondary_dark_plainfill: #b77f24
|
|
10
|
-
}
|
package/es/Provider.js
DELETED
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import AppContainer from '@zohodesk/components/lib/AppContainer/AppContainer';
|
|
3
|
-
import { Container } from '@zohodesk/components/lib/Layout';
|
|
4
|
-
import ThemeTool from '../../common/lib/ThemeTool/ThemeTool';
|
|
5
|
-
import '@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css';
|
|
6
|
-
import '@zohodesk/components/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
|
|
7
|
-
import '@zohodesk/components/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
|
|
8
|
-
import '@zohodesk/components/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
|
|
9
|
-
import '@zohodesk/components/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
|
|
10
|
-
import '@zohodesk/components/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
|
|
11
|
-
import '@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css';
|
|
12
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
|
|
13
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
|
|
14
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
|
|
15
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
|
|
16
|
-
import '@zohodesk/components/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
|
|
17
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
|
|
18
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
|
|
19
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
|
|
20
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css';
|
|
21
|
-
import '@zohodesk/components/assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css';
|
|
22
|
-
import '@zohodesk/components/assets/Appearance/pureDark/mode/pureDarkMode.module.css';
|
|
23
|
-
/* default mode, themes & contrast */
|
|
24
|
-
|
|
25
|
-
import '../assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css';
|
|
26
|
-
import '../assets/Appearance/default/themes/blue/contrast/blueDefaultCTAThemeContrast.module.css';
|
|
27
|
-
import '../assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css';
|
|
28
|
-
import '../assets/Appearance/default/themes/green/contrast/greenDefaultCTAThemeContrast.module.css';
|
|
29
|
-
import '../assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css';
|
|
30
|
-
import '../assets/Appearance/default/themes/orange/contrast/orangeDefaultCTAThemeContrast.module.css';
|
|
31
|
-
import '../assets/Appearance/default/themes/red/redDefaultCTATheme.module.css';
|
|
32
|
-
import '../assets/Appearance/default/themes/red/contrast/redDefaultCTAThemeContrast.module.css';
|
|
33
|
-
import '../assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css';
|
|
34
|
-
import '../assets/Appearance/default/themes/yellow/contrast/yellowDefaultCTAThemeContrast.module.css';
|
|
35
|
-
import '../assets/Appearance/default/mode/defaultEmptyStates.module.css';
|
|
36
|
-
import '../assets/Appearance/default/mode/contrast/defaultContrastEmptyStates.module.css';
|
|
37
|
-
/* dark mode, themes & contrast */
|
|
38
|
-
|
|
39
|
-
import '../assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css';
|
|
40
|
-
import '../assets/Appearance/dark/themes/blue/contrast/blueDarkCTAThemeContrast.module.css';
|
|
41
|
-
import '../assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css';
|
|
42
|
-
import '../assets/Appearance/dark/themes/green/contrast/greenDarkCTAThemeContrast.module.css';
|
|
43
|
-
import '../assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css';
|
|
44
|
-
import '../assets/Appearance/dark/themes/orange/contrast/orangeDarkCTAThemeContrast.module.css';
|
|
45
|
-
import '../assets/Appearance/dark/themes/red/redDarkCTATheme.module.css';
|
|
46
|
-
import '../assets/Appearance/dark/themes/red/contrast/redDarkCTAThemeContrast.module.css';
|
|
47
|
-
import '../assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css';
|
|
48
|
-
import '../assets/Appearance/dark/themes/yellow/contrast/yellowDarkCTAThemeContrast.module.css';
|
|
49
|
-
import '../assets/Appearance/dark/mode/darkEmptyStates.module.css';
|
|
50
|
-
import '../assets/Appearance/dark/mode/contrast/darkContrastEmptyStates.module.css';
|
|
51
|
-
/* pure dark mode, themes & contrast */
|
|
52
|
-
|
|
53
|
-
import '../assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css';
|
|
54
|
-
import '../assets/Appearance/pureDark/themes/blue/contrast/bluePureDarkCTAThemeContrast.module.css';
|
|
55
|
-
import '../assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css';
|
|
56
|
-
import '../assets/Appearance/pureDark/themes/green/contrast/greenPureDarkCTAThemeContrast.module.css';
|
|
57
|
-
import '../assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css';
|
|
58
|
-
import '../assets/Appearance/pureDark/themes/orange/contrast/orangePureDarkCTAThemeContrast.module.css';
|
|
59
|
-
import '../assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css';
|
|
60
|
-
import '../assets/Appearance/pureDark/themes/red/contrast/redPureDarkCTAThemeContrast.module.css';
|
|
61
|
-
import '../assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css';
|
|
62
|
-
import '../assets/Appearance/pureDark/themes/yellow/contrast/yellowPureDarkCTAThemeContrast.module.css';
|
|
63
|
-
import '../assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css';
|
|
64
|
-
import '../assets/Appearance/pureDark/mode/contrast/pureDarkContrastEmptyStates.module.css';
|
|
65
|
-
export default class Provider extends React.Component {
|
|
66
|
-
constructor(props) {
|
|
67
|
-
super(props);
|
|
68
|
-
this.state = {
|
|
69
|
-
appearanceName: 'default',
|
|
70
|
-
themeName: 'blue',
|
|
71
|
-
isContrastChecked: false
|
|
72
|
-
};
|
|
73
|
-
this.setTheme = this.setTheme.bind(this);
|
|
74
|
-
this.setAppearance = this.setAppearance.bind(this);
|
|
75
|
-
this.setContrast = this.setContrast.bind(this);
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
setAppearance(mode) {
|
|
79
|
-
this.setState({
|
|
80
|
-
appearanceName: mode
|
|
81
|
-
});
|
|
82
|
-
}
|
|
83
|
-
|
|
84
|
-
setTheme(theme) {
|
|
85
|
-
this.setState({
|
|
86
|
-
themeName: theme
|
|
87
|
-
});
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
setContrast() {
|
|
91
|
-
this.setState(prevState => ({
|
|
92
|
-
isContrastChecked: !prevState.isContrastChecked
|
|
93
|
-
}));
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
render() {
|
|
97
|
-
let {
|
|
98
|
-
appearanceName,
|
|
99
|
-
themeName,
|
|
100
|
-
isContrastChecked
|
|
101
|
-
} = this.state;
|
|
102
|
-
return /*#__PURE__*/React.createElement(AppContainer, {
|
|
103
|
-
customProps: {
|
|
104
|
-
ExtraProps: {
|
|
105
|
-
'data-mode': appearanceName,
|
|
106
|
-
'data-theme': themeName
|
|
107
|
-
}
|
|
108
|
-
},
|
|
109
|
-
className: isContrastChecked ? 'contrast' : ''
|
|
110
|
-
}, /*#__PURE__*/React.createElement(Container, {
|
|
111
|
-
scroll: "vertical"
|
|
112
|
-
}, this.props.children), /*#__PURE__*/React.createElement(ThemeTool, {
|
|
113
|
-
onThemeChange: this.setTheme,
|
|
114
|
-
onAppearanceChange: this.setAppearance,
|
|
115
|
-
onContrastChange: this.setContrast,
|
|
116
|
-
isChecked: isContrastChecked
|
|
117
|
-
}));
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import EmptyCustomDomain from '../emptystate/version1/EmptyCustomDomain';
|
|
3
|
-
import style from './SVGdocstyle.module.css';
|
|
4
|
-
export default class Emptystate__version1 extends React.Component {
|
|
5
|
-
render() {
|
|
6
|
-
let allSvg = {
|
|
7
|
-
EmptyCustomDomain: /*#__PURE__*/React.createElement(EmptyCustomDomain, null)
|
|
8
|
-
};
|
|
9
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
10
|
-
className: style.parent
|
|
11
|
-
}, Object.keys(allSvg).map(item => {
|
|
12
|
-
let filterDarkPalettes = item.endsWith('DarkPalette');
|
|
13
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
14
|
-
className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
|
|
15
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
16
|
-
className: style.box
|
|
17
|
-
}, allSvg[item]), /*#__PURE__*/React.createElement("div", {
|
|
18
|
-
className: style.textStyle
|
|
19
|
-
}, item));
|
|
20
|
-
}));
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
if (false) {
|
|
26
|
-
Emptystate__version1.docs = {
|
|
27
|
-
componentGroup: 'Emptystate'
|
|
28
|
-
};
|
|
29
|
-
}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import EmptyBusinessHoliday from '../emptystate/version2/EmptyBusinessHoliday';
|
|
3
|
-
import EmptyBusinessHour from '../emptystate/version2/EmptyBusinessHour';
|
|
4
|
-
import EmptyImportHistory from '../emptystate/version2/EmptyImportHistory';
|
|
5
|
-
import EmptyRecycleBin from '../emptystate/version2/EmptyRecycleBin';
|
|
6
|
-
import EmptyRoles from '../emptystate/version2/EmptyRoles';
|
|
7
|
-
import EmptyNetwork from '../emptystate/version2/EmptyNetwork';
|
|
8
|
-
import FailureLog from '../emptystate/version2/FailureLog';
|
|
9
|
-
import EmptyFromAddress from '../emptystate/version2/EmptyFromAddress';
|
|
10
|
-
import EmptyWebhook from '../emptystate/version2/EmptyWebhook';
|
|
11
|
-
import style from './SVGdocstyle.module.css';
|
|
12
|
-
export default class Emptystate__version2 extends React.Component {
|
|
13
|
-
render() {
|
|
14
|
-
let allSvg = {
|
|
15
|
-
EmptyBusinessHoliday: /*#__PURE__*/React.createElement(EmptyBusinessHoliday, null),
|
|
16
|
-
EmptyBusinessHour: /*#__PURE__*/React.createElement(EmptyBusinessHour, null),
|
|
17
|
-
EmptyImportHistory: /*#__PURE__*/React.createElement(EmptyImportHistory, null),
|
|
18
|
-
EmptyRecycleBin: /*#__PURE__*/React.createElement(EmptyRecycleBin, null),
|
|
19
|
-
EmptyRoles: /*#__PURE__*/React.createElement(EmptyRoles, null),
|
|
20
|
-
EmptyNetwork: /*#__PURE__*/React.createElement(EmptyNetwork, null),
|
|
21
|
-
FailureLog: /*#__PURE__*/React.createElement(FailureLog, null),
|
|
22
|
-
EmptyFromAddress: /*#__PURE__*/React.createElement(EmptyFromAddress, null),
|
|
23
|
-
EmptyWebhook: /*#__PURE__*/React.createElement(EmptyWebhook, null)
|
|
24
|
-
};
|
|
25
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
26
|
-
className: style.parent
|
|
27
|
-
}, Object.keys(allSvg).map(item => {
|
|
28
|
-
let filterDarkPalettes = item.endsWith('DarkPalette');
|
|
29
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
30
|
-
className: filterDarkPalettes ? style.darkPalette : style.defaultPalette
|
|
31
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
32
|
-
className: style.box
|
|
33
|
-
}, allSvg[item]), /*#__PURE__*/React.createElement("div", {
|
|
34
|
-
className: style.textStyle
|
|
35
|
-
}, item));
|
|
36
|
-
}));
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
if (false) {
|
|
42
|
-
Emptystate__version2.docs = {
|
|
43
|
-
componentGroup: 'Emptystate'
|
|
44
|
-
};
|
|
45
|
-
}
|