@zohodesk/dot 1.0.0-temp-55 → 1.0.0-temp-56

package/preprocess/json/dotAppearanceVariableJson.js

@@ -0,0 +1,1908 @@
+/* sample color order =>
+--zdt_cta_variable_name,
+[['defaultMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
+[['darkMode'], ['blue', 'green', 'orange', 'red', 'yellow)']],
+['css comment name'] */
+
+const dotAppearanceVariables = [
+  [
+    'actionButton_primaryFilled_bg',
+     [['default'], ['var(--zdt_cta_primary_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_bg)']],
+     ['action button']
+  ],
+  [
+    'actionButton_primaryFilled_hover_bg',
+     [['default'], ['var(--zdt_cta_primary_hover_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
+  ],
+  [
+    'actionButton_primary_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'actionButton_primary_hover_border',
+     [['default'], ['var(--zdt_cta_primary_hover_border)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_border)']]
+  ],
+  [
+    'actionButton_separator_border',
+     [['default'], ['var(--zdt_cta_secondary_border)']],
+     [['dark'], ['var(--zdt_cta_secondary_border)']]
+  ],
+  [
+    'actionButton_separator_hover_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'actionButton_primaryFilled_text',
+     [['default'], ['var(--zdt_cta_secondary_text)']],
+     [['dark'], ['var(--zdt_cta_secondary_text)']]
+  ],
+  [
+    'actionButton_primary_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'actionButton_primary_hover_text',
+     [['default'], ['var(--zdt_cta_primary_hover_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'alertheader_default_bg',
+     [['default'], ['var(--zd_smoke45)']],
+     [['dark'], ['var(--zd_smoke45)']],
+     ['alert header']
+  ],
+  [
+    'alertheader_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'alertheader_primary_bg',
+     [['default'], ['#edfbfe']],
+     [['dark'], ['#edfbfe']]
+  ],
+  [
+    'alertheader_primary_text',
+     [['default'], ['var(--zd_primary19)']],
+     [['dark'], ['var(--zd_primary19)']]
+  ],
+  [
+    'alertheader_danger_bg',
+     [['default'], ['var(--zd_danger5)']],
+     [['dark'], ['var(--zd_danger5)']]
+  ],
+  [
+    'alertheader_danger_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'alertlookup_innersection_text',
+     [['default'], ['var(--zd_dark4)']],
+     [['dark'], ['#e2e4e6']],
+     ['alert lookup']
+  ],
+  [
+    'alphabeticList_text',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']],
+     ['alphabetic list']
+  ],
+  [
+    'alphabeticList_hover_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'attachment_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']],
+     ['attachment']
+  ],
+  [
+    'attachment_default_border',
+     [['default'], ['var(--zdt_cta_grey_40_border)']],
+     [['dark'], ['var(--zdt_cta_grey_40_border)']]
+  ],
+  [
+    'attachment_default_hover_border',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'attachment_hover_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'attachment_transparent_bg',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']]
+  ],
+  [
+    'attachment_size_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'attachment_download_bg',
+     [['default'], ['var(--zdt_cta_grey_20_bg)']],
+     [['dark'], ['var(--zdt_cta_grey_20_bg)']]
+  ],
+  [
+    'attachment_download_hover_bg',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'attachment_download_hover_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'avatarclose_pop_bg',
+     [['default'], ['var(--zd_dark9)']],
+     [['dark'], ['var(--zd_dark9)']],
+     ['avatar close']
+  ],
+  [
+    'avatarclose_pop_text',
+     [['default'], ['var(--zd_smoke24)']],
+     [['dark'], ['var(--zd_smoke24)']]
+  ],
+  [
+    'avatarcollision_on_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']],
+     ['avatar collision']
+  ],
+  [
+    'avatarcollision_off_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']]
+  ],
+  [
+    'avatarcollision_off_after_border',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'avatarcollision_off_after_bg',
+     [['default'], ['var(--zdt_cta_grey_35_bg)']],
+     [['dark'], ['var(--zdt_cta_grey_35_bg)']]
+  ],
+  [
+    'avatarcollision_pop_bg',
+     [['default'], ['var(--zd_dark9)']],
+     [['dark'], ['var(--zd_dark9)']]
+  ],
+  [
+    'avatarcollision_pop_text',
+     [['default'], ['var(--zd_smoke24)']],
+     [['dark'], ['var(--zd_smoke24)']]
+  ],
+  [
+    'avatarcollision_icon_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'avatarIcon_dark_icon',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['avatar icon']
+  ],
+  [
+    'avatarIcon_danger_icon',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'avatarIcon_primary_icon',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'avatarIcon_grey_icon',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'avatarIcon_success_icon',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'avatarIcon_smoke_icon',
+     [['default'], ['var(--zd_smoke18)']],
+     [['dark'], ['var(--zd_smoke18)']]
+  ],
+  [
+    'avatarIcon_default_border',
+     [['default'], ['var(--zdt_cta_grey_40_border)']],
+     [['dark'], ['var(--zdt_cta_grey_40_border)']]
+  ],
+  [
+    'avatarIcon_default_hover_border',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'avatarIcon_primary_border',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'avatarIcon_primary_hover_border',
+     [['default'], ['var(--dot_cobalt)']],
+     [['dark'], ['#1065cc']]
+  ],
+  [
+    'avatarIcon_secondary_border',
+     [['default'], ['var(--zd_primarytrans)']],
+     [['dark'], ['var(--zd_primarytrans)']]
+  ],
+  [
+    'avatarIcon_secondary_hover_border',
+     [['default'], ['var(--zd_primarytrans)']],
+     [['dark'], ['var(--zd_primarytrans)']]
+  ],
+  [
+    'avatarIcon_success_border',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'avatarIcon_success_hover_border',
+     [['default'], ['var(--dot_camarone)']],
+     [['dark'], ['#1b8c35']]
+  ],
+  [
+    'avatarIcon_danger_border',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'avatarIcon_danger_hover_border',
+     [['default'], ['var(--dot_fireBrick)']],
+     [['dark'], ['#cc302d']]
+  ],
+  [
+    'avatarstatus_size_border',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#e2e4e6']],
+     ['avatar status']
+  ],
+  [
+    'avatarstatus_online_bg',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'avatarstatus_offline_bg',
+     [['default'], ['var(--dot_paleNavy)']],
+     [['dark'], ['#3e4d63']]
+  ],
+  [
+    'avatarstatus_idle_bg',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'avatarthread_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#161b23']],
+     ['avatar thread']
+  ],
+  [
+    'avatarthread_default_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']]
+  ],
+  [
+    'avatarthread_default_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'avatarthread_primary_border',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'avatarthread_primary_text',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'avatarthread_success_border',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'avatarthread_success_text',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'avatarthread_danger_border',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'avatarthread_danger_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'avataruser_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']],
+     ['avatar user']
+  ],
+  [
+    'avataruser_delete_bg',
+     [['default'], ['var(--zd_dark9)']],
+     [['dark'], ['var(--zd_dark9)']]
+  ],
+  [
+    'avataruser_delete_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'avatarteam_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']],
+     ['avatar with team']
+  ],
+  [
+    'channelIcon_icon',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['channel icon']
+  ],
+  [
+    'channelIcon_topIcon_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'channelIcon_topIcon_iconGreen',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'channelIcon_topIcon_iconYellow',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'channelIcon_topIcon_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']]
+  ],
+  [
+    'drawer_default_box_shadow',
+     [['default'], ['rgba(0, 0, 0, 0.176)']],
+     [['dark'], ['rgba(0, 0, 0, 0.4)']],
+     ['drawer']
+  ],
+  [
+    'drawer_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'drawer_header_bg',
+     [['default'], ['var(--zdt_cta_grey_10_bg)']],
+     [['dark'], ['var(--zdt_cta_grey_10_bg)']]
+  ],
+  [
+    'drawer_header_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']]
+  ],
+  [
+    'drawer_title_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'toggledropdown_line_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']],
+     ['toggle dropdown']
+  ],
+  [
+    'commonEmptyState_default_title',
+     [['default'], ['var(--dot_bunker)']],
+     [['dark'], ['#e2e4e6']],
+     ['common empty state']
+  ],
+  [
+    'commonEmptyState_default_description',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'commonEmptyState_default_link',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'commonEmptyState_default_link_hover',
+     [['default'], ['var(--zdt_cta_primary_hover_text)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_text)']]
+  ],
+  [
+    'editionpage_footer_text',
+     [['default'], ['var(--zd_smoke5)']],
+     [['dark'], ['var(--zd_smoke5)']],
+     ['edition page']
+  ],
+  [
+    'editionpage_primary_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'emptystate_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']],
+     ['error state empty']
+  ],
+  [
+    'emptystate_title_text',
+     [['default'], ['var(--zd_dark3)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'linktext_default_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']],
+     ['link text']
+  ],
+  [
+    'permissionplay_title_text',
+     [['default'], ['var(--zd_dark3)']],
+     [['dark'], ['var(--zd_dark3)']],
+     ['permission play']
+  ],
+  [
+    'willback_title_text',
+     [['default'], ['var(--zd_dark20)']],
+     [['dark'], ['var(--zd_dark20)']],
+     ['will back']
+  ],
+  [
+    'flipcard_default_bg',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']],
+     ['flip card']
+  ],
+  [
+    'flipcard_default_text',
+     [['default'], ['var(--zd_smoke21)']],
+     [['dark'], ['var(--zd_smoke21)']]
+  ],
+  [
+    'fields_phoneicon_icon',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['form fields']
+  ],
+  [
+    'fields_phoneicon_hover_icon',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'fields_lockicon_icon',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'fields_lockicon_hover_icon',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'fields_phitag_text',
+     [['default'], ['var(--dot_camarone)']],
+     [['dark'], ['#1b8c35']]
+  ],
+  [
+    'fields_phitag_bg',
+     [['default'], ['#f2faf5']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'fields_phitag_border',
+     [['default'], ['rgba(38, 169, 66, 0.2)']],
+     [['dark'], ['rgba(38, 169, 66, 0.2)']]
+  ],
+  [
+    'fields_newtabicon_icon',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'fields_newtabicon_hover_icon',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'formAction_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#262f3d']],
+     ['form action']
+  ],
+  [
+    'formAction_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'freezelayer_default_bg',
+     [['default'], ['rgba(0, 0, 0, 0.45)']],
+     [['dark'], ['rgba(0, 0, 0, 0.8)']],
+     ['freezelayer']
+  ],
+  [
+    'freezelayer_dark_bg',
+     [['default'], ['rgba(0, 0, 0, 0.9)']],
+     [['dark'], ['rgba(0, 0, 0, 0.8)']]
+  ],
+  [
+    'freezelayer_plain_bg',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']]
+  ],
+  [
+    'freezelayer_snow_bg',
+     [['default'], ['rgba(44, 51, 77, 0.45)']],
+     [['dark'], ['rgba(44, 51, 77, 0.75)']]
+  ],
+  [
+    'iconButton_icon_black',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['icon button']
+  ],
+  [
+    'iconButton_icon_primary',
+     [['default'], ['var(--zdt_cta_alpha_text)']],
+     [['dark'], ['var(--zdt_cta_alpha_text)']]
+  ],
+  [
+    'iconButton_icon_primaryHover',
+     [['default'], ['var(--zdt_cta_alpha_hover_text)']],
+     [['dark'], ['var(--zdt_cta_alpha_hover_text)']]
+  ],
+  [
+    'iconButton_icon_primaryActive',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'importantnotes_bg',
+     [['default'], ['var(--dot_oldLace)']],
+     [['dark'], ['var(--zd_orangetrans)']],
+     ['important notes']
+  ],
+  [
+    'importantnotes_title_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'importantnotes_icon',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'setupdetail_header_border',
+     [['default'], ['var(--zd_smoke59)']],
+     [['dark'], ['var(--zd_smoke59)']],
+     ['setup detail layout']
+  ],
+  [
+    'setupdetail_backicon',
+     [['default'], ['var(--zd_dark4)']],
+     [['dark'], ['var(--zd_dark4)']]
+  ],
+  [
+    'setupdetail_hover_backicon_bg',
+     [['default'], ['var(--zd_smoke64)']],
+     [['dark'], ['var(--zd_smoke64)']]
+  ],
+  [
+    'setupdetail_helpinfo',
+     [['default'], ['var(--zd_smoke29)']],
+     [['dark'], ['var(--zd_smoke29)']]
+  ],
+  [
+    'setupdetail_helpinfo_text',
+     [['default'], ['var(--zd_dark6)']],
+     [['dark'], ['var(--zd_dark6)']]
+  ],
+  [
+    'setupdetail_popup_border',
+     [['default'], ['var(--zd_smoke71)']],
+     [['dark'], ['var(--zd_smoke71)']]
+  ],
+  [
+    'setupdetail_popup_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'setupdetail_infoheader_bg',
+     [['default'], ['var(--zd_primarytrans11)']],
+     [['dark'], ['var(--zd_primarytrans11)']]
+  ],
+  [
+    'setupdetail_infoheader_text',
+     [['default'], ['var(--zd_primary1)']],
+     [['dark'], ['var(--zd_primary1)']]
+  ],
+  [
+    'setupdetail_infoicon_border',
+     [['default'], ['var(--zd_primary1)']],
+     [['dark'], ['var(--zd_primary1)']]
+  ],
+  [
+    'setupdetail_infoclose',
+     [['default'], ['var(--zd_smoke20)']],
+     [['dark'], ['var(--zd_smoke20)']]
+  ],
+  [
+    'subtablayout_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']],
+     ['subtab layout']
+  ],
+  [
+    'subtablayout_tabhead_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'subtablayout_plusicon_bg',
+     [['default'], ['var(--zd_smoke3)']],
+     [['dark'], ['var(--zd_smoke3)']]
+  ],
+  [
+    'subtablayout_primary_border',
+     [['default'], ['var(--zd_smoke5)']],
+     [['dark'], ['var(--zd_smoke5)']]
+  ],
+  [
+    'subtablayout_shadowstyle_box_shadow',
+     [['default'], ['var(--zd_graytrans5)']],
+     [['dark'], ['var(--zd_graytrans5)']]
+  ],
+  [
+    'subtablayout_title_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'subtablayout_label_text',
+     [['default'], ['var(--zd_smoke18)']],
+     [['dark'], ['var(--zd_smoke18)']]
+  ],
+  [
+    'avatarflip_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['avatar flip']
+  ],
+  [
+    'comment_iconText',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['comment icon']
+  ],
+  [
+    'comment_hover_iconText',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'departmentdropdown_default_text',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']],
+     ['department dropdown']
+  ],
+  [
+    'departmentdropdown_default_hover_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'dot_text',
+     [['default'], ['var(--zdt_cta_grey_40_text)']],
+     [['dark'], ['var(--zdt_cta_grey_40_text)']],
+     ['dot']
+  ],
+  [
+    'dotnew_default_bg',
+     [['default'], ['var(--zdt_cta_primary_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_bg)']],
+     ['dot new']
+  ],
+  [
+    'dotnew_default_box_shadow',
+     [['default'], ['rgba(10, 115, 235, 0.6)']],
+     [['dark'], ['rgba(10, 115, 235, 0.6)']]
+  ],
+  [
+    'dotnew_animate_box_shadow',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']]
+  ],
+  [
+    'dotnew_animate_to_box_shadow',
+     [['default'], ['rgba(255, 255, 255, 0)']],
+     [['dark'], ['rgba(255, 255, 255, 0)']]
+  ],
+  [
+    'gridstencils_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']],
+     ['grid stencils']
+  ],
+  [
+    'gridstencils_default_border',
+     [['default'], ['var(--zd_gallery1)']],
+     [['dark'], ['#2d3748']]
+  ],
+  [
+    'gridstencils_after_bg',
+     [['default'], ['var(--zd_smoke4)']],
+     [['dark'], ['#262f3d']]
+  ],
+  [
+    'gridstencils_listbar_bg',
+     [['default'], ['#f6f7f8']],
+     [['dark'], ['#262f3d']]
+  ],
+  [
+    'gridstencils_listbar_gradient_bg',
+     [['default'], ['linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%)']],
+     [['dark'], ['linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%)']]
+  ],
+  [
+    'icons_default',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['icons']
+  ],
+  [
+    'icons_hover_blue',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'icons_hover_red',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'listLayout_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']],
+     ['list layout']
+  ],
+  [
+    'listLayout_hover_bg',
+     [['default'], ['var(--dot_listItemHover)']],
+     [['dark'], ['var(--dot_listItemHover)']]
+  ],
+  [
+    'listLayout_active_bg',
+     [['default'], ['var(--dot_listItemActive)']],
+     [['dark'], ['var(--dot_listItemActive)']]
+  ],
+  [
+    'listLayout_active_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'listLayout_keyboard_active_border',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'liststencils_innercontainer_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']],
+     ['list stencils']
+  ],
+  [
+    'secondaryText_gray_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['secondary text']
+  ],
+  [
+    'secondaryText_orage_text',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'secondaryText_green_text',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'secondaryText_red_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'secondaryText_blue_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'secondaryText_blue_hover_text',
+     [['default'], ['var(--zdt_cta_primary_hover_text)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_text)']]
+  ],
+  [
+    'secondaryText_black_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'secondaryText_secondaryText_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'statusdropdown_line_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']],
+     ['status dropdown']
+  ],
+  [
+    'statuslistitem_list_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['status listitem']
+  ],
+  [
+    'statuslistitem_default_border',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']]
+  ],
+  [
+    'statuslistitem_default_active_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'statuslistitem_default_effect_bg',
+     [['default'], ['var(--dot_listItemHover)']],
+     [['dark'], ['rgba(44, 59, 77, 0.45)']]
+  ],
+  [
+    'statuslistitem_primary_efffect_bg',
+     [['default'], ['var(--dot_listItemActive)']],
+     [['dark'], ['var(--dot_listItemActive)']]
+  ],
+  [
+    'statuslistitem_secondary_effect_bg',
+     [['default'], ['var(--zdt_cta_primary_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_bg)']]
+  ],
+  [
+    'statuslistitem_secondary_effect_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'statuslistitem_tickicon',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'statuslistitem_black_bg',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'statuslistitem_orange_bg',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'statuslistitem_green_bg',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'subject_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['subject']
+  ],
+  [
+    'tagnew_default_bg',
+     [['default'], ['var(--zdt_cta_primary_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_bg)']],
+     ['tag new']
+  ],
+  [
+    'tagnew_default_box_shadow',
+     [['default'], ['var(--zdt_cta_primary_box_shadow)']],
+     [['dark'], ['var(--zdt_cta_primary_box_shadow)']]
+  ],
+  [
+    'tagnew_default_text',
+     [['default'], ['var(--zdt_cta_secondary_text)']],
+     [['dark'], ['var(--zdt_cta_secondary_text)']]
+  ],
+  [
+    'thread_iconText',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['thread']
+  ],
+  [
+    'thread_hover_iconText',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'usertime_timeText',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['usertime']
+  ],
+  [
+    'usertime_icon_red',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'usertime_icon_green',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'usertime_icon_orange',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'usertime_icon_gray',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'loader_gradient_bg',
+     [['default'], ['linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%)']],
+     [['dark'], ['linear-gradient(to right, rgb(206, 34, 50) 0%, rgb(96, 128, 64) 20%, rgb(144, 178, 71) 40%, rgb(249, 221, 75) 60%, rgb(9, 116, 176) 80%, rgb(206, 34, 50) 100%)']],
+     ['loader']
+  ],
+  [
+    'lookupheader_default_bg',
+     [['default'], ['var(--zdt_cta_grey_10_bg)']],
+     [['dark'], ['var(--zdt_cta_grey_10_bg)']],
+     ['lookup header common']
+  ],
+  [
+    'lookupheader_default_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']]
+  ],
+  [
+    'lookupheader_para_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'lookupheader_input_border',
+     [['default'], ['var(--zd_smoke33)']],
+     [['dark'], ['var(--zd_smoke33)']]
+  ],
+  [
+    'lookupclose_default_text',
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']],
+     ['lookup close']
+  ],
+  [
+    'lookupclose_default_hover_bg',
+     [['default'], ['var(--zd_smoke5)']],
+     [['dark'], ['var(--zd_smoke5)']]
+  ],
+  [
+    'lookupclose_default_hover_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'lookupsearch_boxstyle_border',
+     [['default'], ['var(--zdt_cta_grey_35_border)']],
+     [['dark'], ['var(--zdt_cta_grey_35_border)']],
+     ['lookup search']
+  ],
+  [
+    'lookupsearch_boxstyle_hover_border',
+     [['default'], ['var(--dot_inputLineHover)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'lookupsearch_boxstyle_activer_border',
+     [['default'], ['var(--dot_inputLineFocus)']],
+     [['dark'], ['var(--dot_inputLineFocus)']]
+  ],
+  [
+    'lookupticketheader_border',
+     [['default'], ['var(--zd_smoke33)']],
+     [['dark'], ['var(--zd_smoke33)']],
+     ['lookup ticket header']
+  ],
+  [
+    'lookuptitle_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['lookup title']
+  ],
+  [
+    'lookuptitle_primary_text',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'lookuptitle_danger_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'viewdropdown_empty_text',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']],
+     ['view dropdown']
+  ],
+  [
+    'viewdropdown_label_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']]
+  ],
+  [
+    'viewdropdown_hover_label_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'lookupsection_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#262f3d']],
+     ['lookup section']
+  ],
+  [
+    'lookupsection_box_shadow',
+     [['default'], ['rgba(55, 84, 170, 0.25)']],
+     [['dark'], ['rgba(0, 0, 0, 0.4)']]
+  ],
+  [
+    'message_default_box_shadow',
+     [['default'], ['rgba(0, 0, 0, 0.15)']],
+     [['dark'], ['rgba(0, 0, 0, 0.15)']],
+     ['message']
+  ],
+  [
+    'message_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'message_success_bg',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'message_alert_bg',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'message_info_bg',
+     [['default'], ['var(--zd_primary5)']],
+     [['dark'], ['var(--zd_primary5)']]
+  ],
+  [
+    'message_tickicon',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'message_close_text',
+     [['default'], ['var(--zd_dark6)']],
+     [['dark'], ['var(--zd_dark6)']]
+  ],
+  [
+    'messagebanner_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['message banner']
+  ],
+  [
+    'messagebanner_link_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'messagebanner_close_text',
+     [['default'], ['var(--zd_smoke18)']],
+     [['dark'], ['var(--zd_smoke18)']]
+  ],
+  [
+    'messagebanner_close_hover_bg',
+     [['default'], ['#ececc6']],
+     [['dark'], ['#ececc6']]
+  ],
+  [
+    'messagebanner_close_hover_text',
+     [['default'], ['var(--zd_smoke51)']],
+     [['dark'], ['var(--zd_smoke51)']]
+  ],
+  [
+    'messagebanner_default_bg',
+     [['default'], ['#feffdd']],
+     [['dark'], ['#feffdd']]
+  ],
+  [
+    'messagebanner_blue_bg',
+     [['default'], ['#eaf4fe']],
+     [['dark'], ['#eaf4fe']]
+  ],
+  [
+    'messagebanner_white_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'newstar_green_text',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']],
+     ['new star']
+  ],
+  [
+    'newstar_yellow_text',
+     [['default'], ['var(--zd_goldyellow)']],
+     [['dark'], ['var(--zd_goldyellow)']]
+  ],
+  [
+    'newstar_blue_text',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'plusicon_box_shadow',
+     [['default'], ['var(--zdt_cta_primary_box_shadow)']],
+     [['dark'], ['var(--zdt_cta_primary_box_shadow)']],
+     ['plus icon']
+  ],
+  [
+    'plusicon_bg',
+     [['default'], ['var(--zdt_cta_primary_light_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
+  ],
+  [
+    'plusicon_border',
+     [['default'], ['var(--zdt_cta_primary_light_border)']],
+     [['dark'], ['var(--zdt_cta_primary_light_border)']]
+  ],
+  [
+    'plusicon_hover_border',
+     [['default'], ['var(--zdt_cta_primary_light_border)']],
+     [['dark'], ['var(--zdt_cta_primary_light_border)']]
+  ],
+  [
+    'plusicon_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'headerlink_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']],
+     ['header link']
+  ],
+  [
+    'headerlink_hover_text',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'search_input_border',
+     [['default'], ['#999']],
+     [['dark'], ['#999']],
+     ['search']
+  ],
+  [
+    'search_input_text',
+     [['default'], ['#333']],
+     [['dark'], ['#333']]
+  ],
+  [
+    'search_input_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'search_input_focus_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'search_icon',
+     [['default'], ['#999']],
+     [['dark'], ['#999']]
+  ],
+  [
+    'search_hover_icon',
+     [['default'], ['#666']],
+     [['dark'], ['#666']]
+  ],
+  [
+    'search_placeholder_text',
+     [['default'], ['var(--zd_smoke12)']],
+     [['dark'], ['var(--zd_smoke12)']]
+  ],
+  [
+    'views_icon',
+     [['default'], ['#999']],
+     [['dark'], ['#999']],
+     ['views']
+  ],
+  [
+    'views_border',
+     [['default'], ['#e1e1e1']],
+     [['dark'], ['#e1e1e1']]
+  ],
+  [
+    'views_hover_icon',
+     [['default'], ['#666']],
+     [['dark'], ['#666']]
+  ],
+  [
+    'views_active_icon',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'helptips_text',
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']],
+     ['help tips description']
+  ],
+  [
+    'helptipslink_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']],
+     ['help tips link']
+  ],
+  [
+    'listgroup_text',
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']],
+     ['list group']
+  ],
+  [
+    'helptipstitle_text',
+     [['default'], ['var(--zd_dark4)']],
+     [['dark'], ['var(--zd_dark4)']],
+     ['help tips title']
+  ],
+  [
+    'setuptablehead_border',
+     [['default'], ['var(--zd_smoke59)']],
+     [['dark'], ['var(--zd_smoke59)']],
+     ['setup table head']
+  ],
+  [
+    'setuptablerow_border',
+     [['default'], ['var(--zd_alabaster)']],
+     [['dark'], ['var(--zd_alabaster)']],
+     ['setup table row']
+  ],
+  [
+    'setuptablerow_hover_bg',
+     [['default'], ['var(--zd_snow)']],
+     [['dark'], ['var(--zd_snow)']]
+  ],
+  [
+    'tabletext_primary_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']],
+     ['table text']
+  ],
+  [
+    'tabletext_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'tabletext_green_text',
+     [['default'], ['var(--zd_olive10)']],
+     [['dark'], ['var(--zd_olive10)']]
+  ],
+  [
+    'tabletext_danger_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'tabletext_heading_text',
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']]
+  ],
+  [
+    'toastmessage_default_box_shadow',
+     [['default'], ['var(--zd_smoke28)']],
+     [['dark'], ['rgba(0, 0, 0, 0.3)']],
+     ['toast message']
+  ],
+  [
+    'toastmessage_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'toastmessage_alert_border',
+     [['default'], ['var(--zd_smoke29)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'toastmessage_alert_text',
+     [['default'], ['var(--zd_smoke31)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'toastmessage_alerttitle_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'toastmessage_popbutton_text',
+     [['default'], ['var(--zd_smoke18)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'toastmessage_submit_border',
+     [['default'], ['var(--zd_smoke30)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'toastmessage_primary_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'toastmessage_primary_hover_bg',
+     [['default'], ['var(--zdt_cta_primary_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_bg)']]
+  ],
+  [
+    'toastmessage_primary_hover_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'toastmessage_danger_text',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'toastmessage_danger_hover_bg',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'toastmessage_danger_text_shadow',
+     [['default'], ['rgb(227, 74, 76)']],
+     [['dark'], ['rgb(227, 74, 76)']]
+  ],
+  [
+    'toastmessage_success_text',
+     [['default'], ['var(--zd_olive8)']],
+     [['dark'], ['var(--zd_olive8)']]
+  ],
+  [
+    'toastmessage_success_hover_bg',
+     [['default'], ['var(--zd_olive8)']],
+     [['dark'], ['var(--zd_olive8)']]
+  ],
+  [
+    'toastmessage_successfill_bg',
+     [['default'], ['var(--zd_olive6)']],
+     [['dark'], ['var(--zd_olive6)']]
+  ],
+  [
+    'toastmessage_successplain_text',
+     [['default'], ['var(--zd_olive6)']],
+     [['dark'], ['var(--zd_olive6)']]
+  ],
+  [
+    'toastmessage_cancel_hover_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'toastmessage_closeicon',
+     [['default'], ['var(--zd_smoke21)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'toastmessage_closeicon_hover_bg',
+     [['default'], ['var(--zdt_cta_primary_hover_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_bg)']]
+  ],
+  [
+    'toastmessage_closeicon_hover_text',
+     [['default'], ['var(--zd_dark2)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'toastmessage_dropdown_bg',
+     [['default'], ['var(--zd_alabaster)']],
+     [['dark'], ['#262f3d']]
+  ],
+  [
+    'toastmessage_dropdown_text',
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']]
+  ],
+  [
+    'toastmessage_message_border',
+     [['default'], ['var(--zd_smoke1)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'upload_default_bg',
+     [['default'], ['var(--dot_catskillWhite)']],
+     [['dark'], ['var(--dot_catskillWhite)']],
+     ['upload']
+  ],
+  [
+    'upload_overlay_bg',
+     [['default'], ['var(--zd_graytrans6)']],
+     [['dark'], ['var(--zd_graytrans6)']]
+  ],
+  [
+    'upload_loader_default_bg',
+     [['default'], ['var(--zd_dark13)']],
+     [['dark'], ['var(--zd_dark13)']]
+  ],
+  [
+    'upload_attachsize_default_text',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['var(--dot_slateGrey)']]
+  ],
+  [
+    'upload_uploadclose_default_bg',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['var(--dot_slateGrey)']]
+  ],
+  [
+    'upload_uploadclose_default_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'upload_uploadclose_default_hover_text',
+     [['default'], ['var(--zd_graytrans7)']],
+     [['dark'], ['var(--zd_graytrans7)']]
+  ],
+  [
+    'upload_night_bg',
+     [['default'], ['var(--dot_catskillWhite)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'upload_loader_night_bg',
+     [['default'], ['var(--zd_dark13)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'upload_attachsize_night_text',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'upload_uploadclose_night_bg',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'upload_uploadclose_night_text',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#828994']]
+  ],
+  [
+    'upload_uploadclose_night_hover_text',
+     [['default'], ['var(--zd_graytrans7)']],
+     [['dark'], ['#28373f']]
+  ],
+  [
+    'commonalert_default_border',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']],
+     ['common alerts']
+  ],
+  [
+    'commonalert_success_border',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'commonalert_info_border',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'commonalert_danger_border',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'commonalert_error_border',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'commonalert_warning_border',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'commonalert_close_icon',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'commonalert_close_light_icon',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'commonalert_close_hover_bg',
+     [['default'], ['var(--dot_paleRed)']],
+     [['dark'], ['#583a45']]
+  ],
+  [
+    'commonalert_success_hover_bg',
+     [['default'], ['#e9f7ef']],
+     [['dark'], ['#2c4e42']]
+  ],
+  [
+    'commonalert_info_hover_bg',
+     [['default'], ['var(--zdt_cta_primary_light_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
+  ],
+  [
+    'commonalert_plaininfo_hover_bg',
+     [['default'], ['var(--dot_lavender)']],
+     [['dark'], ['#262f3d']]
+  ],
+  [
+    'commonalert_danger_hover_bg',
+     [['default'], ['var(--dot_paleRed)']],
+     [['dark'], ['#583a45']]
+  ],
+  [
+    'commonalert_error_hover_bg',
+     [['default'], ['var(--dot_paleRed)']],
+     [['dark'], ['#583a45']]
+  ],
+  [
+    'commonalert_warning_hover_bg',
+     [['default'], ['#fff1e6']],
+     [['dark'], ['#583c2c']]
+  ],
+  [
+    'commonalert_light_hover_bg',
+     [['default'], ['var(--zdt_cta_grey_10_bg)']],
+     [['dark'], ['#384157']]
+  ],
+  [
+    'commonalert_secondlayer_bg',
+     [['default'], ['var(--dot_catskillWhite)']],
+     [['dark'], ['#2e3642']]
+  ],
+  [
+    'commonalert_default_icon',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'commonalert_success_icon',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']]
+  ],
+  [
+    'commonalert_info_icon',
+     [['default'], ['var(--zdt_cta_primary_border)']],
+     [['dark'], ['var(--zdt_cta_primary_border)']]
+  ],
+  [
+    'commonalert_danger_icon',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'commonalert_error_icon',
+     [['default'], ['var(--dot_brightRed)']],
+     [['dark'], ['#ff6b6b']]
+  ],
+  [
+    'commonalert_warning_icon',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'alerticons_green_fill',
+     [['default'], ['var(--dot_strongGreen)']],
+     [['dark'], ['#4ac064']],
+     ['alert icons']
+  ],
+  [
+    'alerticons_primary_fill',
+     [['default'], ['var(--dot_primary)']],
+     [['dark'], ['#479dff']]
+  ],
+  [
+    'alerticons_orange_fill',
+     [['default'], ['var(--dot_vividOrange)']],
+     [['dark'], ['#ff801f']]
+  ],
+  [
+    'globalnotification_default_bg',
+     [['default'], ['var(--dot_whiteSmoke)']],
+     [['dark'], ['#31323f']],
+     ['global notification']
+  ],
+  [
+    'globalnotification_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_success_bg',
+     [['default'], ['#f2faf5']],
+     [['dark'], ['#28373f']]
+  ],
+  [
+    'globalnotification_success_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_info_bg',
+     [['default'], ['var(--zdt_cta_primary_light_bg)']],
+     [['dark'], ['var(--zdt_cta_primary_light_bg)']]
+  ],
+  [
+    'globalnotification_info_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_danger_bg',
+     [['default'], ['var(--dot_whiteSmoke)']],
+     [['dark'], ['#31323f']]
+  ],
+  [
+    'globalnotification_danger_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_error_bg',
+     [['default'], ['var(--dot_whiteSmoke)']],
+     [['dark'], ['#31323f']]
+  ],
+  [
+    'globalnotification_error_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_warning_bg',
+     [['default'], ['#fff6f0']],
+     [['dark'], ['#31333c']]
+  ],
+  [
+    'globalnotification_warning_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'globalnotification_default_box_shadow',
+     [['default'], ['rgba(55, 84, 170, 0.25)']],
+     [['dark'], ['rgba(0, 0, 0, 0.3)']]
+  ],
+  [
+    'alertlookup_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#262f3d']],
+     ['alert lookup']
+  ],
+  [
+    'alertlookup_border',
+     [['default'], ['var(--zdt_cta_grey_15_border)']],
+     [['dark'], ['var(--zdt_cta_grey_15_border)']]
+  ],
+  [
+    'alertlookuop_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'alertlookupnew_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']],
+     ['alert lookup new']
+  ],
+  [
+    'tagsmultiselect_labelt_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['tagsmultiselect']
+  ],
+  [
+    'tagsmultiselect_default_border',
+     [['default'], ['var(--dot_inputLine)']],
+     [['dark'], ['var(--dot_inputLine)']]
+  ],
+  [
+    'tagsmultiselect_transparent_border',
+     [['default'], ['var(--dot_mirror)']],
+     [['dark'], ['var(--dot_mirror)']]
+  ],
+  [
+    'tagsmultiselect_dark_border',
+     [['default'], ['#4b5168']],
+     [['dark'], ['#4b5168']]
+  ],
+  [
+    'tagsmultiselect_default_hover_border',
+     [['default'], ['var(--dot_inputLineHover)']],
+     [['dark'], ['var(--dot_inputLineHover)']]
+  ],
+  [
+    'tagsmultiselect_transparent_hover_border',
+     [['default'], ['var(--dot_inputLineHover)']],
+     [['dark'], ['var(--dot_inputLineHover)']]
+  ],
+  [
+    'tagsmultiselect_dark_hover_border',
+     [['default'], ['#9699a6']],
+     [['dark'], ['#9699a6']]
+  ],
+  [
+    'tagsmultiselect_default_active_border',
+     [['default'], ['var(--dot_inputLineFocus)']],
+     [['dark'], ['var(--dot_inputLineFocus)']]
+  ],
+  [
+    'tagsmultiselect_transparent_active_border',
+     [['default'], ['var(--dot_inputLineFocus)']],
+     [['dark'], ['var(--dot_inputLineFocus)']]
+  ],
+  [
+    'tagsmultiselect_dark_active_border',
+     [['default'], ['#9699a6']],
+     [['dark'], ['#9699a6']]
+  ],
+  [
+    'tagsmultiselect_more_text',
+     [['default'], ['var(--zdt_cta_primary_text)']],
+     [['dark'], ['var(--zdt_cta_primary_text)']]
+  ],
+  [
+    'tagsmultiselect_more_hover_text',
+     [['default'], ['var(--zdt_cta_primary_hover_text)']],
+     [['dark'], ['var(--zdt_cta_primary_hover_text)']]
+  ],
+  [
+    'texteditor_menu_bg',
+     [['default'], ['var(--dot_catskillWhite)']],
+     [['dark'], ['var(--dot_catskillWhite)']],
+     ['text editor']
+  ],
+  [
+    'texteditor_default_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'texteditor_default_border',
+     [['default'], ['var(--dot_paleBlue)']],
+     [['dark'], ['var(--dot_paleBlue)']]
+  ],
+  [
+    'texteditor_menu_li_bg',
+     [['default'], ['var(--dot_hawkesBlue)']],
+     [['dark'], ['var(--dot_hawkesBlue)']]
+  ],
+  [
+    'texteditor_default_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['var(--dot_black)']]
+  ],
+  [
+    'texteditor_more_icon_fill',
+     [['default'], ['var(--dot_slateGrey)']],
+     [['dark'], ['var(--dot_slateGrey)']]
+  ],
+  [
+    'texteditor_menu_after_box_shadow',
+     [['default'], ['rgba(0, 0, 0, 0.08)']],
+     [['dark'], ['rgba(0, 0, 0, 0.08)']]
+  ],
+  [
+    'texteditor_menu_after_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['var(--dot_white)']]
+  ],
+  [
+    'texteditor_input_placeholder_text',
+     [['default'], ['var(--zd_smoke14)']],
+     [['dark'], ['var(--zd_smoke14)']]
+  ],
+  [
+    'texteditor_dropdown_box_shadow',
+     [['default'], ['rgba(0, 0, 0, 0.2)']],
+     [['dark'], ['rgba(0, 0, 0, 0.2)']]
+  ],
+  [
+    'texteditor_night_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#232b38']]
+  ],
+  [
+    'texteditor_night_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'desktopnotification_bg',
+     [['default'], ['var(--dot_white)']],
+     [['dark'], ['#262f3d']],
+     ['desktop notification']
+  ],
+  [
+    'desktopnotification_text',
+     [['default'], ['var(--dot_black)']],
+     [['dark'], ['#e2e4e6']]
+  ],
+  [
+    'desktopnotification_box_shadow',
+     [['default'], ['rgba(55, 84, 170, 0.25)']],
+     [['dark'], ['rgba(0, 0, 0, 0.4)']]
+  ],
+  [
+    'tagsmultiselectField_count_text',
+     [['default'], ['var(--dot_shuttleGrey)']],
+     [['dark'], ['#a8b0bd']],
+     ['tagsmultiselect field']
+  ]
+];
+
+module.exports = { dotAppearanceVariables: dotAppearanceVariables };