@zohodesk/svg 1.0.0 → 1.1.0

package/README.md

@@ -1,247 +1,251 @@
-# DOT SVG
-
-This Bundle Contains EmptyState Images.
-
-# 1.0.0
-
-- beta release removed and version changed to normal flow
-
-# 1.0.0-beta.60
-
-- EmptyState: EmptySandbox SVG added.
-
-# 1.0.0-beta.59
-
-- data-test-id attribute added for all element which having data-id attribute to separate customization and automation
-
-# 1.0.0-beta.58
-
-- EmptyState: APIConfiguration, APIAuthentication and ZSCKey SVG added
-
-# 1.0.0-beta.57
-
-- EmptyState: CustomerHappiness SVG added.
-
-# 1.0.0-beta.56
-
-- Contrast Color Implemented
-
-# 1.0.0-beta.55
-
-- EmptyState: AuthenticationPending SVG added.
-
-# 1.0.0-beta.54
-
-- EmptyState: BOT SVG added.
-
-# 1.0.0-beta.53
-
-- EmptyState: APIs SVG added.
-
-# 1.0.0-beta.52
-
-- EmptyState: Contract SVG added.
-
-# 1.0.0-beta.51
-
-- Emptystate: EmptyPreferences and EmptySandbox included.
-
-# 1.0.0-beta.50
-
-- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
-
-# 1.0.0-beta.48,49
-
-- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
-
-# 1.0.0-beta.47
-
-- PureDark mode implemented via preprocess
-
-# 1.0.0-beta.46
-
-- CustomModule SVG added
-
-# 1.0.0-beta.45
-
-- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
-
-# 1.0.0-beta.44
-
-- UnauthorizedLogin error state SVG replacement
-
-# 1.0.0-beta.43
-
-- Export & Multilingual SVG added
-
-# 1.0.0-beta.42
-
-- Extensions SVG added
-
-# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
-
-- Appearance css moved to assets
-
-# 1.0.0-beta.38
-
-- bg,shadow,text,border based variables removed and renamed.
-
-# 1.0.0-beta.37
-
-- Loader => Converted to Pure Component
-
-# 1.0.0-beta.36
-
-- Night mode SVG CTA primary stroke color value changed
-
-# 1.0.0-beta.35
-
-- EmptyError added
-
-# 1.0.0-beta.34
-
-- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
-- Docs Ui Fix
-- Theme Files Import Separated
-- Theme color values updated
-- EmptyInconvenience => Svg Image Changed as Old Svg
-- Inconvenience removed
-- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
-
-# 1.0.0-beta.33
-
-- Palette Based Folder Structure Changed.
-- data-theme changed to data-mode
-- data-palette changed to data-theme
-
-# 1.0.0-beta.32
-
-- Palette Based Color System Implemented
-
-# 1.0.0-beta.31
-
-- EmptyDeparment Added
-- Predictor, ZiaAnamoly, Extractor added
-
-# 1.0.0-beta.30
-
-- EmptySkills Image Updated
-
-# 1.0.0-beta.29
-
-- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess added
-
-# 1.0.0-beta.28
-
-- EmptyAgentQueue added
-
-# 1.0.0-beta.27
-
-- EmptySla,EmptyContract,EmptyReply Added
-
-# 1.0.0-beta.26
-
-- Loader => Layout issue Fixed
-
-# 1.0.0-beta.25
-
-- TemplateIcon SVG fix
-
-# 1.0.0-beta.24
-
-- Loader Svg converted to js
-
-# 1.0.0-beta.23
-
-- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
-
-# 1.0.0-beta.22
-
-- Theme changes added in EmptyBlueprint,EmptyTemplate
-- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
-- danger palatte added in EmptyFrame
-
-# 1.0.0-beta.21
-
-- Dark Mode Variable Introduced
-
-# 1.0.0-beta.19
-
-- Cli Update
-
-# 1.0.0-beta.18
-
-- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
-
-# 1.0.0-beta.17
-
-- EmptyApproval Added
-- EmptyHistory Updated
-
-# 1.0.0-beta.16
-
-- EmptySchedule , EmptyColumn added
-
-# 1.0.0-beta.15
-
-- DefaultProps Fix
-
-# 1.0.0-beta.14
-
-- EmptyFrame Added
-
-# 1.0.0-beta.13
-
-- svgLoader Removed
-
-# 1.0.0-beta.12
-
-- Loads both dark mode image and ordinary image in the component.
-
-# 1.0.0-beta.11
-
-- SvgLoader function - replaced dynamic variable with static path. This is check version.
-
-# 1.0.0-beta.10
-
-- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
-
-# 1.0.0-beta.9
-
-- SvgLoader Function fix - replacing "import" with "require"
-
-# 1.0.0-beta.8
-
-- emptyDashboard issue fix
-
-# 1.0.0-beta.7
-
--EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
-
-# 1.0.0-beta.6
-
-- wasted
-
-# 1.0.0-beta.5
-
-- dataId Added, EmtyDanger SVG updated
-
-# 1.0.0-beta.5
-
-- SVG Loader Middle Fix
-
-# 1.0.0-beta.4
-
-- EmptySnippet, EmptySkills Added
-
-# 1.0.0-beta.3
-
-- ErrorStates isFluid Prop Included
-
-# 1.0.0-beta.2
-
-- Empty History SVG Added
-
-# 1.0.0-beta.0
-
-- First Publish
+# DOT SVG
+
+This Bundle Contains EmptyState Images.
+
+# 1.1.0
+
+- Internal color-variable-preprocessor package implemented
+
+# 1.0.0
+
+- beta release removed and version changed to normal flow
+
+# 1.0.0-beta.60
+
+- EmptyState: EmptySandbox SVG added.
+
+# 1.0.0-beta.59
+
+- data-test-id attribute added for all element which having data-id attribute to separate customization and automation
+
+# 1.0.0-beta.58
+
+- EmptyState: APIConfiguration, APIAuthentication and ZSCKey SVG added
+
+# 1.0.0-beta.57
+
+- EmptyState: CustomerHappiness SVG added.
+
+# 1.0.0-beta.56
+
+- Contrast Color Implemented
+
+# 1.0.0-beta.55
+
+- EmptyState: AuthenticationPending SVG added.
+
+# 1.0.0-beta.54
+
+- EmptyState: BOT SVG added.
+
+# 1.0.0-beta.53
+
+- EmptyState: APIs SVG added.
+
+# 1.0.0-beta.52
+
+- EmptyState: Contract SVG added.
+
+# 1.0.0-beta.51
+
+- Emptystate: EmptyPreferences and EmptySandbox included.
+
+# 1.0.0-beta.50
+
+- Emptystate: EmptyApplechat, EmptyArticle, Asapchat, EpmtyCanned, EmptyChat, EmptyInstagram, EmptyInstantmessage, EmptyLine, EmptyMessenger, EmptyTelegram, EmptyTwilio, EmptyWechat, EmptyWhatsapp, EmptyNoData, AuditLog, SupportPlan included.
+
+# 1.0.0-beta.48,49
+
+- errorstate, emptystate files separated , EmptyCrm dataId changed to EmptyCrm from EmptyFeed
+
+# 1.0.0-beta.47
+
+- PureDark mode implemented via preprocess
+
+# 1.0.0-beta.46
+
+- CustomModule SVG added
+
+# 1.0.0-beta.45
+
+- Delete, GCBot, GCConversation, KBBot, NetworkError, Variable & ReadRecipients SVG added
+
+# 1.0.0-beta.44
+
+- UnauthorizedLogin error state SVG replacement
+
+# 1.0.0-beta.43
+
+- Export & Multilingual SVG added
+
+# 1.0.0-beta.42
+
+- Extensions SVG added
+
+# 1.0.0-beta.39 , # 1.0.0-beta.40, # 1.0.0-beta.41
+
+- Appearance css moved to assets
+
+# 1.0.0-beta.38
+
+- bg,shadow,text,border based variables removed and renamed.
+
+# 1.0.0-beta.37
+
+- Loader => Converted to Pure Component
+
+# 1.0.0-beta.36
+
+- Night mode SVG CTA primary stroke color value changed
+
+# 1.0.0-beta.35
+
+- EmptyError added
+
+# 1.0.0-beta.34
+
+- Import, ErrorInconvenience, ErrorOopsSomethingMiss, ErrorUnableToProcessRequest, ErrorUnauthorizedLogin, ErrorUrlNotFound, ErrorWillBeRightBack Svg added
+- Docs Ui Fix
+- Theme Files Import Separated
+- Theme color values updated
+- EmptyInconvenience => Svg Image Changed as Old Svg
+- Inconvenience removed
+- EmptyPageNotFound, EmptyUnableToProcess, EmptyUrlFound, InvalidUrl moved to deprecated
+
+# 1.0.0-beta.33
+
+- Palette Based Folder Structure Changed.
+- data-theme changed to data-mode
+- data-palette changed to data-theme
+
+# 1.0.0-beta.32
+
+- Palette Based Color System Implemented
+
+# 1.0.0-beta.31
+
+- EmptyDeparment Added
+- Predictor, ZiaAnamoly, Extractor added
+
+# 1.0.0-beta.30
+
+- EmptySkills Image Updated
+
+# 1.0.0-beta.29
+
+- EmptyWillBeRightBack,EmptyUnauthorizedLogin,EmptyUrlNotFound,EmptyInconvenience,EmptyPageNotFound,EmptyUnableToProcess added
+
+# 1.0.0-beta.28
+
+- EmptyAgentQueue added
+
+# 1.0.0-beta.27
+
+- EmptySla,EmptyContract,EmptyReply Added
+
+# 1.0.0-beta.26
+
+- Loader => Layout issue Fixed
+
+# 1.0.0-beta.25
+
+- TemplateIcon SVG fix
+
+# 1.0.0-beta.24
+
+- Loader Svg converted to js
+
+# 1.0.0-beta.23
+
+- EmptyState.module.css file name changed as EmptyStateVariables.module.css to avoid dup file name
+
+# 1.0.0-beta.22
+
+- Theme changes added in EmptyBlueprint,EmptyTemplate
+- EmptyCloud,EmptyCloudDanger,EmptyEdition Deleted
+- danger palatte added in EmptyFrame
+
+# 1.0.0-beta.21
+
+- Dark Mode Variable Introduced
+
+# 1.0.0-beta.19
+
+- Cli Update
+
+# 1.0.0-beta.18
+
+- EmptyCollision, EmptyCrmNotes, EmptyCrmPotential, EmptyTimeline
+
+# 1.0.0-beta.17
+
+- EmptyApproval Added
+- EmptyHistory Updated
+
+# 1.0.0-beta.16
+
+- EmptySchedule , EmptyColumn added
+
+# 1.0.0-beta.15
+
+- DefaultProps Fix
+
+# 1.0.0-beta.14
+
+- EmptyFrame Added
+
+# 1.0.0-beta.13
+
+- svgLoader Removed
+
+# 1.0.0-beta.12
+
+- Loads both dark mode image and ordinary image in the component.
+
+# 1.0.0-beta.11
+
+- SvgLoader function - replaced dynamic variable with static path. This is check version.
+
+# 1.0.0-beta.10
+
+- SvgLoader function fix - previous fix not worked - removing promises and using synchronous loading.
+
+# 1.0.0-beta.9
+
+- SvgLoader Function fix - replacing "import" with "require"
+
+# 1.0.0-beta.8
+
+- emptyDashboard issue fix
+
+# 1.0.0-beta.7
+
+-EmptyCrm,EmptyFollower,EmptyFeed, EmptyCustomDomain and Night Mode Svgs Added, Dynamic Loader Added
+
+# 1.0.0-beta.6
+
+- wasted
+
+# 1.0.0-beta.5
+
+- dataId Added, EmtyDanger SVG updated
+
+# 1.0.0-beta.5
+
+- SVG Loader Middle Fix
+
+# 1.0.0-beta.4
+
+- EmptySnippet, EmptySkills Added
+
+# 1.0.0-beta.3
+
+- ErrorStates isFluid Prop Included
+
+# 1.0.0-beta.2
+
+- Empty History SVG Added
+
+# 1.0.0-beta.0
+
+- First Publish

package/assets/Appearance/dark/themes/blue/{blueDarkCTATheme.module.css → blue_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(217, 8%, calc(55% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(212, 100%, calc(64% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(213, 34%, calc(30% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/green/{greenDarkCTATheme.module.css → green_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(133, 40%, calc(45% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 40%, calc(45% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/orange/{orangeDarkCTATheme.module.css → orange_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(26, 100%, calc(56% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(26, 100%, calc(56% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/red/{redDarkCTATheme.module.css → red_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(0, 78%, calc(61% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 78%, calc(61% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/dark/themes/yellow/{yellowDarkCTATheme.module.css → yellow_SVGTheme_DarkTheme.module.css}

@@ -6,5 +6,5 @@
 	--zdt_svgcta_primary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 	--zdt_svgcta_primary_dark_stroke: hsla(37, 67%, calc(53% + var(--zd_dark_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_dark_fill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_dark_plainfill: hsla(37, 67%, calc(53% + var(--zd_dark_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/light/mode/SVG_LightMode.module.css

@@ -0,0 +1,37 @@
+[data-mode='light'] {
+	/* default palette */
+	--zdt_svg_default_primary_fill: var(--zdt_svgcta_primary_fill);
+	--zdt_svg_default_primary_stroke: var(--zdt_svgcta_primary_stroke);
+	--zdt_svg_default_secondary_fill: var(--zdt_svgcta_secondary_fill);
+	--zdt_svg_default_secondary_plainfill: var(--zdt_svgcta_secondary_plainfill);
+	--zdt_svg_default_plus: hsla(216, 49%, calc(48% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_default_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	
+	/* dark palette */
+	--zdt_svg_dark_primary_fill: var(--zdt_svgcta_primary_dark_fill);
+	--zdt_svg_dark_primary_stroke: var(--zdt_svgcta_primary_dark_stroke);
+	--zdt_svg_dark_secondary_fill: var(--zdt_svgcta_secondary_dark_fill);
+	--zdt_svg_dark_secondary_plainfill: var(--zdt_svgcta_secondary_dark_plainfill);
+	--zdt_svg_dark_plus: hsla(212, 100%, calc(64% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_dark_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	
+	/* danger palette */
+	--zdt_svg_danger_primary_fill: hsla(26, 100%, calc(50% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_medium_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svg_danger_secondary_fill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svg_danger_secondary_plainfill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_plus: hsla(216, 49%, calc(48% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_cross: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_medium_circle: hsla(354, 71%, calc(65% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_tiny_circle: hsla(163, 45%, calc(56% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_small_circle: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svg_danger_circle_fill: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_lValue)), calc(1 + var(--zd_alpha_high)));
+}

package/assets/Appearance/light/themes/blue/blue_SVGTheme_LightTheme.module.css

@@ -0,0 +1,10 @@
+[data-mode='light'][data-theme='blue'] {
+	--zdt_svgcta_primary_fill: rgb(10,115,235);
+	--zdt_svgcta_primary_stroke: hsla(0, 5%, calc(13% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_fill: rgba(10, 115, 235, 0.25);
+	--zdt_svgcta_secondary_plainfill: hsla(212, 92%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(231, 38%, calc(75% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(216, 49%, calc(48% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+}

package/assets/Appearance/{default/themes/green/greenDefaultCTATheme.module.css → light/themes/green/green_SVGTheme_LightTheme.module.css}

@@ -1,10 +1,10 @@
-[data-mode='default'][data-theme='green'] {
+[data-mode='light'][data-theme='green'] {
 	--zdt_svgcta_primary_fill: rgb(38,169,66);
-	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_fill: rgba(38, 169, 66, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_plainfill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(133, 63%, calc(41% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/{default/themes/orange/orangeDefaultCTATheme.module.css → light/themes/orange/orange_SVGTheme_LightTheme.module.css}

@@ -1,10 +1,10 @@
-[data-mode='default'][data-theme='orange'] {
+[data-mode='light'][data-theme='orange'] {
 	--zdt_svgcta_primary_fill: rgb(229,119,23);
-	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_fill: rgba(229, 119, 23, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_plainfill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(28, 82%, calc(49% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }

package/assets/Appearance/{default/themes/red/redDefaultCTATheme.module.css → light/themes/red/red_SVGTheme_LightTheme.module.css}

@@ -1,10 +1,10 @@
-[data-mode='default'][data-theme='red'] {
+[data-mode='light'][data-theme='red'] {
 	--zdt_svgcta_primary_fill: rgb(222,53,53);
-	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_primary_stroke: hsla(0, calc(0 * 1%), calc(0% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
 	--zdt_svgcta_secondary_fill: rgba(222, 53, 53, 0.25);
-	--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)));
-	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_default_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
-	--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
-	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--zd_default_default_lValue)), calc(1 + var(--zd_alpha_high)))
+	--zdt_svgcta_secondary_plainfill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
+	--zdt_svgcta_primary_dark_stroke: hsla(0, calc(0 * 1%), calc(100% + var(--zd_light_default_inverse_low_lValue)), calc(1 + var(--zd_alpha_low)));
+	--zdt_svgcta_secondary_dark_fill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc( 0.25 + var(--zd_alpha_high)));
+	--zdt_svgcta_secondary_dark_plainfill: hsla(0, 72%, calc(54% + var(--zd_light_default_lValue)), calc(1 + var(--zd_alpha_high)));
 }