@zohodesk/components 1.0.0-temp-46 → 1.0.0-temp-47

package/preprocess/json/componentAppearanceVariableJson.js

@@ -1,1515 +0,0 @@
-/* sample color order =>
---zdt_cta_variable_name,
-[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
-[['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
-['css comment name'] */
-
-const componentAppearanceVariables = [
-  [
-    'dot_inputPlaceholder',
-     [['default'], ['var(--zdt_cta_grey_40_text)']],
-     [['dark'], ['var(--dot_shuttleGrey)']],
-     ['list common']
-  ],
-  [
-    'dot_inputDisable',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'dot_inputLine',
-     [['default'], ['var(--zdt_cta_grey_35_border)']],
-     [['dark'], ['var(--zdt_cta_grey_35_border)']]
-  ],
-  [
-    'dot_inputLineHover',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'dot_inputLineFocus',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'dot_listItemHover',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
-  ],
-  [
-    'dot_listItemActive',
-     [['default'], ['var(--zdt_cta_primary_light_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
-  ],
-  [
-    'zdt_disable_bg',
-     [['default'], ['rgba(255, 255, 255, 0.5)']],
-     [['dark'], ['rgba(22, 27, 35, 0.5)']],
-     ['common']
-  ],
-  [
-    'zdt_avatar_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['avatar']
-  ],
-  [
-    'zdt_avatar_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_avatar_default_border',
-     [['default'], ['var(--zdt_cta_grey_40_border)']],
-     [['dark'], ['var(--zdt_cta_grey_40_border)']]
-  ],
-  [
-    'zdt_avatar_default_borderHover',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_avatar_default_boxshadow',
-     [['default'], ['rgba(0, 0, 0, 0.11)']],
-     [['dark'], ['rgba(255, 255, 255, 0.14)']]
-  ],
-  [
-    'zdt_avatar_white_borderHover',
-     [['default'], ['var(--zdt_cta_grey_40_border)']],
-     [['dark'], ['var(--zdt_cta_grey_40_border)']]
-  ],
-  [
-    'zdt_avatar_white_boxshadow',
-     [['default'], ['rgba(255, 255, 255, 0.14)']],
-     [['dark'], ['rgba(0, 0, 0, 0.11)']]
-  ],
-  [
-    'zdt_avatar_secondary_bg',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_avatar_info_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_avatarteam_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']],
-     ['avatar team']
-  ],
-  [
-    'zdt_avatarteam_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_avatarteam_primary_bg',
-     [['default'], ['var(--zdt_cta_grey_40_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_40_bg)']]
-  ],
-  [
-    'zdt_avatarteam_primary_hover_bg',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_avatarteam_secondary_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_avatarteam_nofill_border',
-     [['default'], ['var(--zdt_cta_grey_40_border)']],
-     [['dark'], ['var(--zdt_cta_grey_40_border)']]
-  ],
-  [
-    'zdt_avatarteam_nofill_hover_border',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_button_default_text',
-     [['default'], ['var(--zdt_cta_alpha_text)']],
-     [['dark'], ['var(--zdt_cta_alpha_text)']],
-     ['button']
-  ],
-  [
-    'zdt_button_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_button_default_border',
-     [['default'], ['var(--zdt_cta_alpha_border)']],
-     [['dark'], ['var(--zdt_cta_alpha_border)']]
-  ],
-  [
-    'zdt_button_primary_hover_text',
-     [['default'], ['var(--zdt_cta_alpha_hover_text)']],
-     [['dark'], ['var(--zdt_cta_alpha_text)']]
-  ],
-  [
-    'zdt_button_primary_hover_border',
-     [['default'], ['var(--zdt_cta_alpha_hover_border)']],
-     [['dark'], ['var(--zdt_cta_alpha_hover_border)']]
-  ],
-  [
-    'zdt_button_primary_box_shadow',
-     [['default'], ['var(--zdt_cta_primary_box_shadow)']],
-     [['dark'], ['var(--zdt_cta_primary_box_shadow)']]
-  ],
-  [
-    'zdt_button_plainprimary_hover_text',
-     [['default'], ['var(--zdt_cta_primary_hover_text)']],
-     [['dark'], ['var(--zdt_cta_primary_hover_text)']]
-  ],
-  [
-    'zdt_button_secondary_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_button_secondary_hover_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_button_secondary_border',
-     [['default'], ['var(--zdt_cta_grey_35_border)']],
-     [['dark'], ['var(--zdt_cta_grey_35_border)']]
-  ],
-  [
-    'zdt_button_secondary_hover_border',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_button_danger_border',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_button_danger_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_button_danger_hover_border',
-     [['default'], ['var(--dot_fireBrick)']],
-     [['dark'], ['#cc302d']]
-  ],
-  [
-    'zdt_button_danger_hover_text',
-     [['default'], ['var(--dot_fireBrick)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_button_danger_box_shadow',
-     [['default'], ['var(--zd_dangertrans6)']],
-     [['dark'], ['var(--zd_dangertrans6)']]
-  ],
-  [
-    'zdt_button_primaryfill_text',
-     [['default'], ['var(--zdt_cta_secondary_text)']],
-     [['dark'], ['var(--zdt_cta_secondary_text)']]
-  ],
-  [
-    'zdt_button_primaryfill_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_button_primaryfill_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_button_primaryfill_hover_bg',
-     [['default'], ['var(--zdt_cta_primary_hover_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
-  ],
-  [
-    'zdt_button_secondaryfill_bg',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
-  ],
-  [
-    'zdt_button_dangerfill_bg',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_button_dangerfill_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_button_dangerfill_hover_bg',
-     [['default'], ['var(--dot_fireBrick)']],
-     [['dark'], ['#cc302d']]
-  ],
-  [
-    'zdt_button_successfill_border',
-     [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['var(--dot_darkmint)']]
-  ],
-  [
-    'zdt_button_successfill_bg',
-     [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['var(--dot_darkmint)']]
-  ],
-  [
-    'zdt_button_successfill_hover_border',
-     [['default'], ['var(--dot_camarone)']],
-     [['dark'], ['var(--dot_irishgreen)']]
-  ],
-  [
-    'zdt_button_successfill_hover_bg',
-     [['default'], ['var(--dot_camarone)']],
-     [['dark'], ['var(--dot_irishgreen)']]
-  ],
-  [
-    'zdt_button_tertiaryfill_bg',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_button_tertiaryfill_hover_bg',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_button_success_default_border',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_button_tick_primary_border',
-     [['default'], ['var(--zdt_cta_secondary_text)']],
-     [['dark'], ['var(--zdt_cta_secondary_text)']]
-  ],
-  [
-    'zdt_button_loading_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_button_loading_linear_gradient',
-     [['default'], ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%']],
-     [['dark'], ['linear-gradient(0deg, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0.9) 100%) 0% 0%, linear-gradient(90deg, rgba(255, 255, 255, 0.9) 0%, rgba(255, 255, 255, 0.6) 100%) 100% 0%, linear-gradient(180deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.3) 100%) 100% 100%, linear-gradient(360deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%) 0% 100%']]
-  ],
-  [
-    'zdt_buttongroup_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['button group']
-  ],
-  [
-    'zdt_buttongroup_default_border',
-     [['default'], ['var(--zd_smoke7)']],
-     [['dark'], ['var(--zd_smoke7)']]
-  ],
-  [
-    'zdt_buttongroup_footer_box_shadow',
-     [['default'], ['var(--zd_graytrans4)']],
-     [['dark'], ['var(--zd_graytrans4)']]
-  ],
-  [
-    'zdt_checkbox_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['checkbox']
-  ],
-  [
-    'zdt_checkbox_default_stroke_border',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_checkbox_primary_stroke_border',
-     [['default'], ['var(--zdt_cta_beta_border)']],
-     [['dark'], ['var(--zdt_cta_beta_border)']]
-  ],
-  [
-    'zdt_checkbox_danger_stroke_border',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_checkbox_label_primary_text',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_checkbox_label_danger_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_dropbox_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['dropbox']
-  ],
-  [
-    'zdt_dropbox_default_box_shadow',
-     [['default'], ['rgba(0, 0, 0, 0.13)']],
-     [['dark'], ['rgba(0, 0, 0, 0.5)']]
-  ],
-  [
-    'zdt_dropbox_arrow_shadow',
-     [['default'], ['var(--zd_graytrans4)']],
-     [['dark'], ['var(--zd_graytrans4)']]
-  ],
-  [
-    'zdt_dropbox_mob_bg',
-     [['default'], ['rgba(0, 0, 0, 0.4)']],
-     [['dark'], ['rgba(0, 0, 0, 0.4)']]
-  ],
-  [
-    'zdt_dropbox_mob_close_bg',
-     [['default'], ['var(--zd_smoke53)']],
-     [['dark'], ['var(--zd_smoke53)']]
-  ],
-  [
-    'zdt_label_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['label']
-  ],
-  [
-    'zdt_label_primary_text',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_label_secondary_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_label_danger_text',
-     [['default'], ['var(--dot_brightOrange)']],
-     [['dark'], ['var(--dot_brightOrange)']]
-  ],
-  [
-    'zdt_label_mandatory_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_label_disable_text',
-     [['default'], ['var(--dot_inputDisable)']],
-     [['dark'], ['var(--dot_inputDisable)']]
-  ],
-  [
-    'zdt_tag_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['tag']
-  ],
-  [
-    'zdt_tag_default_bg',
-     [['default'], ['var(--zdt_cta_grey_20_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_20_bg)']]
-  ],
-  [
-    'zdt_tag_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_tag_default_hover_bg',
-     [['default'], ['var(--zdt_cta_grey_35_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_35_bg)']]
-  ],
-  [
-    'zdt_tag_secondary_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_tag_secondary_bg',
-     [['default'], ['var(--zd_dark32)']],
-     [['dark'], ['var(--zd_dark32)']]
-  ],
-  [
-    'zdt_tag_secondary_hover_bg',
-     [['default'], ['var(--zd_dark33)']],
-     [['dark'], ['var(--zd_dark33)']]
-  ],
-  [
-    'zdt_tag_closedanger_bg',
-     [['default'], ['var(--zd_dangertrans5)']],
-     [['dark'], ['var(--zd_dangertrans5)']]
-  ],
-  [
-    'zdt_tag_icon_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_tag_disabled_text',
-     [['default'], ['var(--dot_inputDisable)']],
-     [['dark'], ['var(--dot_inputDisable)']]
-  ],
-  [
-    'zdt_tag_danger_bg',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_tag_danger_hover_bg',
-     [['default'], ['var(--zd_danger18)']],
-     [['dark'], ['var(--dot_matterhorn)']]
-  ],
-  [
-    'zdt_tag_primary_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_tag_primary_hover_bg',
-     [['default'], ['var(--zdt_cta_primary_hover_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
-  ],
-  [
-    'zdt_tag_primary_border',
-     [['default'], ['var(--zdt_cta_primary_light_border)']],
-     [['dark'], ['var(--zdt_cta_primary_light_border)']]
-  ],
-  [
-    'zdt_tag_closeprimary_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_tag_default_danger_bg',
-     [['default'], ['var(--zdt_cta_grey_15_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_15_bg)']]
-  ],
-  [
-    'zdt_tag_active_default_bg',
-     [['default'], ['var(--zdt_cta_primary_light_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
-  ],
-  [
-    'zdt_tag_pure_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_tag_pure_border',
-     [['default'], ['var(--zd_smoke91)']],
-     [['dark'], ['var(--zd_smoke91)']]
-  ],
-  [
-    'zdt_tag_pure_hover_bg',
-     [['default'], ['var(--zd_smoke6)']],
-     [['dark'], ['var(--zd_smoke6)']]
-  ],
-  [
-    'zdt_tag_pure_hover_border',
-     [['default'], ['var(--zd_dark6)']],
-     [['dark'], ['var(--zd_dark6)']]
-  ],
-  [
-    'zdt_tag_dark_close_hover_bg',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_brightRed)']]
-  ],
-  [
-    'zdt_textbox_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['textbox']
-  ],
-  [
-    'zdt_textbox_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_textbox_default_border',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']]
-  ],
-  [
-    'zdt_textbox_placeholder_text',
-     [['default'], ['var(--dot_inputPlaceholder)']],
-     [['dark'], ['var(--dot_inputPlaceholder)']]
-  ],
-  [
-    'zdt_textbox_disabled_text',
-     [['default'], ['var(--dot_inputDisable)']],
-     [['dark'], ['var(--dot_inputDisable)']]
-  ],
-  [
-    'zdt_textbox_transparent_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_textbox_effect_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_textbox_effect_focus_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_textbox_secondary_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_dropdown_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['dropdown']
-  ],
-  [
-    'zdt_dropdown_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_dropdown_default_bg',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_dropdown_darkheading_bg',
-     [['default'], ['var(--dot_unknown2)']],
-     [['dark'], ['var(--dot_unknown2)']]
-  ],
-  [
-    'zdt_dropdown_darkheading_underline_bg',
-     [['default'], ['var(--dot_comet)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_dropdown_mirror_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_dropdown_user_default_border',
-     [['default'], ['var(--zdt_cta_grey_35_border)']],
-     [['dark'], ['var(--dot_tuna)']]
-  ],
-  [
-    'zdt_dropdown_listactive_border',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'zdt_dropdown_listactive_bg',
-     [['default'], ['var(--dot_aliceBlue)']],
-     [['dark'], ['var(--dot_darkbluegrey)']]
-  ],
-  [
-    'zdt_dropdown_listhover_bg',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
-  ],
-  [
-    'zdt_radio_default_stroke',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']],
-     ['radio']
-  ],
-  [
-    'zdt_radio_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_radio_primary_stroke',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'zdt_radio_primary_fill',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_radio_danger_stroke',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_radio_danger_fill',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_radio_label_primary_text',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_radio_label_danger_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_listitem_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['listitem']
-  ],
-  [
-    'zdt_listitem_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_listitem_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_listitem_default_tickicon',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_listitem_highlight_bg',
-     [['default'], ['var(--dot_listItemHover)']],
-     [['dark'], ['rgba(44, 59, 77, 0.45)']]
-  ],
-  [
-    'zdt_listitem_active_border',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'zdt_listitem_primary_bg',
-     [['default'], ['var(--dot_listItemActive)']],
-     [['dark'], ['var(--dot_listItemActive)']]
-  ],
-  [
-    'zdt_listitem_secondary_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_listitem_secondary_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_ribbon_default_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']],
-     ['ribbon']
-  ],
-  [
-    'zdt_ribbon_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_ribbon_default_border',
-     [['default'], ['var(--zd_graytrans9)']],
-     [['dark'], ['var(--zd_graytrans9)']]
-  ],
-  [
-    'zdt_ribbon_default_tag_border',
-     [['default'], ['var(--zd_smoke12)']],
-     [['dark'], ['var(--zd_smoke12)']]
-  ],
-  [
-    'zdt_ribbon_default_shadow',
-     [['default'], ['var(--zd_graytrans9)']],
-     [['dark'], ['var(--zd_graytrans9)']]
-  ],
-  [
-    'zdt_ribbon_default_stamp_bg',
-     [['default'], ['var(--zd_graytrans9)']],
-     [['dark'], ['var(--zd_graytrans9)']]
-  ],
-  [
-    'zdt_ribbon_white_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_ribbon_white_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_ribbon_palette_bg',
-     [['default'], ['var(--zd_dark5)']],
-     [['dark'], ['var(--zd_dark5)']]
-  ],
-  [
-    'zdt_ribbon_danger_bg',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_ribbon_danger_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_ribbon_danger_shadow',
-     [['default'], ['var(--zd_dangertrans7)']],
-     [['dark'], ['var(--zd_dangertrans7)']]
-  ],
-  [
-    'zdt_ribbon_danger_border',
-     [['default'], ['var(--zd_dangertrans7)']],
-     [['dark'], ['var(--zd_dangertrans7)']]
-  ],
-  [
-    'zdt_ribbon_danger_stamp_bg',
-     [['default'], ['var(--zd_dangertrans7)']],
-     [['dark'], ['var(--zd_dangertrans7)']]
-  ],
-  [
-    'zdt_ribbon_primary_bg',
-     [['default'], ['var(--dot_primary)']],
-     [['dark'], ['var(--dot_butterflyblue)']]
-  ],
-  [
-    'zdt_ribbon_primary_text',
-     [['default'], ['var(--dot_primary)']],
-     [['dark'], ['var(--dot_butterflyblue)']]
-  ],
-  [
-    'zdt_ribbon_primary_shadow',
-     [['default'], ['var(--zd_primarytrans10)']],
-     [['dark'], ['var(--zd_primarytrans10)']]
-  ],
-  [
-    'zdt_ribbon_primary_border',
-     [['default'], ['var(--zd_primarytrans10)']],
-     [['dark'], ['var(--zd_primarytrans10)']]
-  ],
-  [
-    'zdt_ribbon_primary_stamp_bg',
-     [['default'], ['var(--zd_primarytrans10)']],
-     [['dark'], ['var(--zd_primarytrans10)']]
-  ],
-  [
-    'zdt_ribbon_secondary_bg',
-     [['default'], ['var(--zd_olive13)']],
-     [['dark'], ['var(--zd_olive13)']]
-  ],
-  [
-    'zdt_ribbon_secondary_text',
-     [['default'], ['var(--zd_olive13)']],
-     [['dark'], ['var(--zd_olive13)']]
-  ],
-  [
-    'zdt_ribbon_secondary_shadow',
-     [['default'], ['var(--zd_olivetrans)']],
-     [['dark'], ['var(--zd_olivetrans)']]
-  ],
-  [
-    'zdt_ribbon_secondary_border',
-     [['default'], ['var(--zd_olivetrans)']],
-     [['dark'], ['var(--zd_olivetrans)']]
-  ],
-  [
-    'zdt_ribbon_secondary_stamp_bg',
-     [['default'], ['var(--zd_olivetrans)']],
-     [['dark'], ['var(--zd_olivetrans)']]
-  ],
-  [
-    'zdt_ribbon_info_bg',
-     [['default'], ['var(--zd_info)']],
-     [['dark'], ['var(--zd_info)']]
-  ],
-  [
-    'zdt_ribbon_info_text',
-     [['default'], ['var(--zd_info)']],
-     [['dark'], ['var(--zd_info)']]
-  ],
-  [
-    'zdt_ribbon_info_shadow',
-     [['default'], ['var(--zd_orangetrans)']],
-     [['dark'], ['var(--zd_orangetrans)']]
-  ],
-  [
-    'zdt_ribbon_info_border',
-     [['default'], ['var(--zd_orangetrans)']],
-     [['dark'], ['var(--zd_orangetrans)']]
-  ],
-  [
-    'zdt_ribbon_info_stamp_bg',
-     [['default'], ['var(--zd_orangetrans)']],
-     [['dark'], ['var(--zd_orangetrans)']]
-  ],
-  [
-    'zdt_ribbon_dark_bg',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_ribbon_dark_shadow',
-     [['default'], ['var(--zd_graytrans6)']],
-     [['dark'], ['var(--zd_graytrans6)']]
-  ],
-  [
-    'zdt_ribbon_dark_border',
-     [['default'], ['var(--zd_graytrans6)']],
-     [['dark'], ['var(--zd_graytrans6)']]
-  ],
-  [
-    'zdt_ribbon_dark_stamp_bg',
-     [['default'], ['var(--zd_graytrans4)']],
-     [['dark'], ['var(--zd_graytrans4)']]
-  ],
-  [
-    'zdt_ribbon_plain_text',
-     [['default'], ['var(--zd_dark5)']],
-     [['dark'], ['var(--zd_dark5)']]
-  ],
-  [
-    'zdt_ribbon_flag_mirror_border',
-     [['default'], ['var(--zd_mirror)']],
-     [['dark'], ['var(--zd_mirror)']]
-  ],
-  [
-    'zdt_ribbon_flag_white_border',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_stencil_primary_bg',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']],
-     ['stencils']
-  ],
-  [
-    'zdt_stencil_primary_gradient_bg',
-     [['default'], ['linear-gradient(left, var(--dot_catskillWhite) 0, var(--dot_hawkesBlue) 33.33%, var(--dot_catskillWhite) 66.66%, var(--dot_catskillWhite) 100%)']],
-     [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
-  ],
-  [
-    'zdt_stencil_secondary_bg',
-     [['default'], ['var(--zdt_cta_grey_15_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_15_bg)']]
-  ],
-  [
-    'zdt_stencil_secondary_gradient_bg',
-     [['default'], ['linear-gradient(left, var(--dot_solitude) 0, var(--dot_paleBlue) 33.33%, var(--dot_solitude) 66.66%, var(--dot_solitude) 100%)']],
-     [['dark'], ['linear-gradient(left, #383f55 0, #414963 33.33%, #414961 66.66%, #383f55 100%)']]
-  ],
-  [
-    'zdt_switch_default_off_bg',
-     [['default'], ['var(--zdt_cta_grey_35_border)']],
-     [['dark'], ['var(--zdt_cta_grey_35_border)']],
-     ['switch']
-  ],
-  [
-    'zdt_switch_default_on_bg',
-     [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['var(--dot_darkmint)']]
-  ],
-  [
-    'zdt_switch_circle_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_switch_circle_shadow',
-     [['default'], ['var(--zd_smoke21)']],
-     [['dark'], ['var(--zd_smoke21)']]
-  ],
-  [
-    'zdt_switch_effect_off_bg',
-     [['default'], ['var(--zdt_cta_grey_40_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_40_bg)']]
-  ],
-  [
-    'zdt_textboxicon_default_line_bg',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']],
-     ['textboxicon']
-  ],
-  [
-    'zdt_textboxicon_default_icon',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_textboxicon_hover_icon',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_textboxicon_hover_line_bg',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_textboxicon_transparent_line_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_textboxicon_focus_line_bg',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_textboxicon_error_line_bg',
-     [['default'], ['var(--dot_fireBrick)']],
-     [['dark'], ['#cc302d']]
-  ],
-  [
-    'zdt_textarea_default_text',
-     [['default'], ['var(--dot_inputDisable)']],
-     [['dark'], ['var(--dot_inputDisable)']],
-     ['textarea']
-  ],
-  [
-    'zdt_textarea_default_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_textarea_default_border',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']]
-  ],
-  [
-    'zdt_textarea_placeholder_text',
-     [['default'], ['var(--dot_inputPlaceholder)']],
-     [['dark'], ['var(--dot_inputPlaceholder)']]
-  ],
-  [
-    'zdt_textarea_transparent_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_textarea_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_textarea_focus_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_textarea_black_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_tooltip_default_bg',
-     [['default'], ['rgba(0, 0, 0, 0.95)']],
-     [['dark'], ['var(--dot_riverbed)']],
-     ['tooltip']
-  ],
-  [
-    'zdt_tooltip_default_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_tooltip_default_box_shadow',
-     [['default'], ['none']],
-     [['dark'], ['rgba(0, 0, 0, 0.35)']]
-  ],
-  [
-    'zdt_select_emptystate_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']],
-     ['select']
-  ],
-  [
-    'zdt_select_disable_text',
-     [['default'], ['var(--dot_inputDisable)']],
-     [['dark'], ['var(--dot_inputDisable)']]
-  ],
-  [
-    'zdt_multiselect_default_border',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']],
-     ['multiselect']
-  ],
-  [
-    'zdt_multiselect_transparent_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_multiselect_default_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_multiselect_transparent_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_multiselect_dark_hover_border',
-     [['default'], ['var(--dot_stardust)']],
-     [['dark'], ['var(--dot_stardust)']]
-  ],
-  [
-    'zdt_multiselect_default_active_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_multiselect_transparent_active_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_multiselect_dark_active_border',
-     [['default'], ['var(--dot_stardust)']],
-     [['dark'], ['var(--dot_stardust)']]
-  ],
-  [
-    'zdt_multiselect_delete_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_multiselect_delete_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_multiselect_delete_hover_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_multiselect_darkdelete_text',
-     [['default'], ['var(--dot_santagrey)']],
-     [['dark'], ['var(--dot_santagrey)']]
-  ],
-  [
-    'zdt_multiselect_box_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_multiselect_selectall_text',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_multiselect_message_text',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_advancedmultiselect_default_border',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']],
-     ['advanced multiselect']
-  ],
-  [
-    'zdt_advancedmultiselect_transparent_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_advancedmultiselect_dark_border',
-     [['default'], ['var(--dot_mulledwine)']],
-     [['dark'], ['var(--dot_mulledwine)']]
-  ],
-  [
-    'zdt_advancedmultiselect_default_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_advancedmultiselect_transparent_hover_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_advancedmultiselect_dark_hover_border',
-     [['default'], ['var(--dot_stardust)']],
-     [['dark'], ['var(--dot_stardust)']]
-  ],
-  [
-    'zdt_advancedmultiselect_default_active_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_advancedmultiselect_transparent_active_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_advancedmultiselect_dark_active_border',
-     [['default'], ['var(--dot_stardust)']],
-     [['dark'], ['var(--dot_stardust)']]
-  ],
-  [
-    'zdt_advancedmultiselect_delete_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_advancedmultiselect_delete_hover_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_advancedmultiselect_delete_bg',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']]
-  ],
-  [
-    'zdt_advancedmultiselect_box_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']]
-  ],
-  [
-    'zdt_advancedmultiselect_droppopup_text',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_advancedmultiselect_more_text',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_rippleeffect_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']],
-     ['ripple effect']
-  ],
-  [
-    'zdt_rippleeffect_hover_border',
-     [['default'], ['var(--zdt_cta_grey_35_border)']],
-     [['dark'], ['var(--zdt_cta_grey_35_border)']]
-  ],
-  [
-    'zdt_rippleeffect_hover_bg',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_border',
-     [['default'], ['var(--zdt_cta_alpha_hover_border)']],
-     [['dark'], ['var(--zdt_cta_alpha_hover_border)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_active_border',
-     [['default'], ['var(--zdt_cta_alpha_border)']],
-     [['dark'], ['var(--zdt_cta_alpha_border)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_light_border',
-     [['default'], ['var(--zdt_cta_secondary_light_border)']],
-     [['dark'], ['var(--zdt_cta_secondary_light_border)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_light_bg',
-     [['default'], ['var(--zdt_cta_primary_light_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
-  ],
-  [
-    'zdt_rippleeffect_primary_dark_bg',
-     [['default'], ['var(--zdt_cta_primary_light_hover_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_light_hover_bg)']]
-  ],
-  [
-    'zdt_rippleeffect_primaryfilled_bg',
-     [['default'], ['var(--zdt_cta_primary_hover_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
-  ],
-  [
-    'zdt_rippleeffect_green_border',
-     [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['var(--dot_darkmint)']]
-  ],
-  [
-    'zdt_rippleeffect_green_bg',
-     [['default'], ['var(--dot_blacksqueeze)']],
-     [['dark'], ['var(--dot_blacksqueeze)']]
-  ],
-  [
-    'zdt_rippleeffect_slate_border',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_rippleeffect_navy_border',
-     [['default'], ['var(--zdt_cta_grey_40_border)']],
-     [['dark'], ['var(--zdt_cta_grey_40_border)']]
-  ],
-  [
-    'zdt_rippleeffect_danger_border',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_rippleeffect_danger_bg',
-     [['default'], ['var(--dot_whiteSmoke)']],
-     [['dark'], ['rgba(255, 107, 107, 0.05)']]
-  ],
-  [
-    'zdt_datetime_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['date time']
-  ],
-  [
-    'zdt_datetime_header_bg',
-     [['default'], ['var(--dot_catskillWhite)']],
-     [['dark'], ['var(--dot_unknown1)']]
-  ],
-  [
-    'zdt_datetime_header_border',
-     [['default'], ['var(--dot_solitude)']],
-     [['dark'], ['var(--dot_tuna)']]
-  ],
-  [
-    'zdt_datetime_datestr_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_datetime_datestr_hover_bg',
-     [['default'], ['var(--dot_solitude)']],
-     [['dark'], ['var(--dot_tuna)']]
-  ],
-  [
-    'zdt_datetime_separator_border',
-     [['default'], ['var(--dot_paleBlue)']],
-     [['dark'], ['var(--dot_tuna)']]
-  ],
-  [
-    'zdt_datetime_daystr_text',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_datetime_invalid_text',
-     [['default'], ['var(--dot_paleNavy)']],
-     [['dark'], ['var(--dot_paleNavy)']]
-  ],
-  [
-    'zdt_datetime_invalid_hover_text',
-     [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['var(--dot_bittersweet)']]
-  ],
-  [
-    'zdt_datetime_invaliddate_text',
-     [['default'], ['rgba(222, 53, 53, 0.3)']],
-     [['dark'], ['rgba(222, 53, 53, 0.3)']]
-  ],
-  [
-    'zdt_datetime_today_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_datetime_today_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_datetime_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_shuttleGrey)']]
-  ],
-  [
-    'zdt_yearview_default_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['year view']
-  ],
-  [
-    'zdt_yearview_month_bg',
-     [['default'], ['var(--dot_catskillWhite)']],
-     [['dark'], ['var(--dot_unknown1)']]
-  ],
-  [
-    'zdt_yearview_month_hover_bg',
-     [['default'], ['var(--dot_hawkesBlue)']],
-     [['dark'], ['var(--dot_brightgrey)']]
-  ],
-  [
-    'zdt_yearview_currentmonth_bg',
-     [['default'], ['var(--zdt_cta_primary_bg)']],
-     [['dark'], ['var(--zdt_cta_primary_bg)']]
-  ],
-  [
-    'zdt_yearview_currentmonth_text',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_white)']]
-  ],
-  [
-    'zdt_yearview_yearbox_border',
-     [['default'], ['var(--dot_paleBlue)']],
-     [['dark'], ['#384157']]
-  ],
-  [
-    'zdt_yearview_year_hover_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_yearview_yeartext_text',
-     [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['var(--dot_oslogrey)']]
-  ],
-  [
-    'zdt_datewidget_input_border',
-     [['default'], ['var(--dot_inputLine)']],
-     [['dark'], ['var(--dot_inputLine)']],
-     ['date widget']
-  ],
-  [
-    'zdt_datewidget_enabled_border',
-     [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['var(--dot_inputLineHover)']]
-  ],
-  [
-    'zdt_datewidget_textboxfocus_border',
-     [['default'], ['var(--dot_inputLineFocus)']],
-     [['dark'], ['var(--dot_inputLineFocus)']]
-  ],
-  [
-    'zdt_datewidget_placeholder_text',
-     [['default'], ['var(--dot_inputPlaceholder)']],
-     [['dark'], ['var(--dot_inputPlaceholder)']]
-  ],
-  [
-    'zdt_datewidget_placeholder_selection_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_datewidget_placeholder_selection_bg',
-     [['default'], ['#b4d5fe']],
-     [['dark'], ['#b4d5fe']]
-  ],
-  [
-    'zdt_tab_default_border',
-     [['default'], ['var(--dot_mirror)']],
-     [['dark'], ['var(--dot_mirror)']],
-     ['tab']
-  ],
-  [
-    'zdt_tab_alpha_text',
-     [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['var(--dot_cadetblue)']]
-  ],
-  [
-    'zdt_tab_alpha_hover_text',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_tab_alpha_hover_bg',
-     [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
-  ],
-  [
-    'zdt_tab_alpha_active_text',
-     [['default'], ['var(--zdt_cta_primary_text)']],
-     [['dark'], ['var(--zdt_cta_primary_text)']]
-  ],
-  [
-    'zdt_tab_alpha_active_border',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_tab_delta_active_border',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'zdt_tabs_alpha_bg',
-     [['default'], ['var(--dot_white)']],
-     [['dark'], ['var(--dot_ebonyclay)']],
-     ['tabs']
-  ],
-  [
-    'zdt_tabs_alpha_border',
-     [['default'], ['var(--zdt_cta_grey_15_border)']],
-     [['dark'], ['var(--zdt_cta_grey_15_border)']]
-  ],
-  [
-    'zdt_tabs_alpha_box_shadow',
-     [['default'], ['var(--zd_dark10)']],
-     [['dark'], ['var(--zd_dark10)']]
-  ],
-  [
-    'zdt_tabs_delta_border',
-     [['default'], ['var(--zdt_cta_primary_border)']],
-     [['dark'], ['var(--zdt_cta_primary_border)']]
-  ],
-  [
-    'zdt_tabs_highlight_border',
-     [['default'], ['var(--dot_black)']],
-     [['dark'], ['var(--dot_platinum)']]
-  ],
-  [
-    'zdt_customscroll_default_bg',
-     [['default'], ['rgba(0, 0, 0, 0.02)']],
-     [['dark'], ['rgba(225, 225, 225, 0.06)']],
-     ['custom scroll']
-  ],
-  [
-    'zdt_customscroll_thump_bg',
-     [['default'], ['rgba(0, 0, 0, 0.12)']],
-     [['dark'], ['rgba(225, 225, 225, 0.12)']]
-  ],
-  [
-    'zdt_customscroll_thump_hover_bg',
-     [['default'], ['rgba(0, 0, 0, 0.16)']],
-     [['dark'], ['rgba(168, 176, 189, 0.3)']]
-  ],
-  [
-    'zdt_customscroll_border',
-     [['default'], ['rgba(44, 51, 77, 0.1)']],
-     [['dark'], ['rgba(225, 225, 225, 0.12)']]
-  ],
-  [
-    'zdt_customscroll_thump_dark_bg',
-     [['default'], ['rgba(225, 225, 225, 0.15)']],
-     [['dark'], ['rgba(225, 225, 225, 0.12)']]
-  ],
-  [
-    'zdt_customscroll_thump_dark_hover_bg',
-     [['default'], ['rgba(225, 225, 225, 0.17)']],
-     [['dark'], ['rgba(225, 225, 225, 0.14)']]
-  ],
-  [
-    'zdt_customscroll_dark_border',
-     [['default'], ['rgba(225, 225, 225, 0.12)']],
-     [['dark'], ['rgba(225, 225, 225, 0.12)']]
-  ],
-  [
-    'zdt_customscroll_dark_bg',
-     [['default'], ['rgba(225, 225, 225, 0.06)']],
-     [['dark'], ['rgba(225, 225, 225, 0.06)']]
-  ]
-];
-
-module.exports = { componentAppearanceVariables: componentAppearanceVariables };