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

package/preprocess/json/dotAppearanceVariableJson.js

@@ -60,7 +60,7 @@ const dotAppearanceVariables = [
   [
     'alertheader_default_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'alertheader_primary_bg',
@@ -80,18 +80,18 @@ const dotAppearanceVariables = [
   [
     'alertheader_danger_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'alertlookup_innersection_text',
      [['default'], ['var(--zd_dark4)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['alert lookup']
   ],
   [
     'alphabeticList_text',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']],
+     [['dark'], ['var(--dot_oslogrey)']],
      ['alphabetic list']
   ],
   [
@@ -102,7 +102,7 @@ const dotAppearanceVariables = [
   [
     'attachment_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']],
+     [['dark'], ['var(--dot_ebonyclay)']],
      ['attachment']
   ],
   [
@@ -113,12 +113,12 @@ const dotAppearanceVariables = [
   [
     'attachment_default_hover_border',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'attachment_hover_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'attachment_transparent_bg',
@@ -128,7 +128,7 @@ const dotAppearanceVariables = [
   [
     'attachment_size_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'attachment_download_bg',
@@ -138,12 +138,12 @@ const dotAppearanceVariables = [
   [
     'attachment_download_hover_bg',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'attachment_download_hover_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'avatarclose_pop_bg',
@@ -170,7 +170,7 @@ const dotAppearanceVariables = [
   [
     'avatarcollision_off_after_border',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'avatarcollision_off_after_bg',
@@ -190,33 +190,33 @@ const dotAppearanceVariables = [
   [
     'avatarcollision_icon_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'avatarIcon_dark_icon',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['avatar icon']
   ],
   [
     'avatarIcon_danger_icon',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'avatarIcon_primary_icon',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'avatarIcon_grey_icon',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'avatarIcon_success_icon',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'avatarIcon_smoke_icon',
@@ -231,17 +231,17 @@ const dotAppearanceVariables = [
   [
     'avatarIcon_default_hover_border',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'avatarIcon_primary_border',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'avatarIcon_primary_hover_border',
      [['default'], ['var(--dot_cobalt)']],
-     [['dark'], ['#1065cc']]
+     [['dark'], ['var(--dot_blueeyes)']]
   ],
   [
     'avatarIcon_secondary_border',
@@ -256,17 +256,17 @@ const dotAppearanceVariables = [
   [
     'avatarIcon_success_border',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'avatarIcon_success_hover_border',
      [['default'], ['var(--dot_camarone)']],
-     [['dark'], ['#1b8c35']]
+     [['dark'], ['var(--dot_irishgreen)']]
   ],
   [
     'avatarIcon_danger_border',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'avatarIcon_danger_hover_border',
@@ -276,28 +276,28 @@ const dotAppearanceVariables = [
   [
     'avatarstatus_size_border',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['avatar status']
   ],
   [
     'avatarstatus_online_bg',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'avatarstatus_offline_bg',
      [['default'], ['var(--dot_paleNavy)']],
-     [['dark'], ['#3e4d63']]
+     [['dark'], ['var(--dot_riverbed)']]
   ],
   [
     'avatarstatus_idle_bg',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'avatarthread_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#161b23']],
+     [['dark'], ['var(--dot_mirage)']],
      ['avatar thread']
   ],
   [
@@ -308,42 +308,42 @@ const dotAppearanceVariables = [
   [
     'avatarthread_default_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'avatarthread_primary_border',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'avatarthread_primary_text',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'avatarthread_success_border',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'avatarthread_success_text',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'avatarthread_danger_border',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'avatarthread_danger_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'avataruser_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']],
+     [['dark'], ['var(--dot_ebonyclay)']],
      ['avatar user']
   ],
   [
@@ -354,34 +354,34 @@ const dotAppearanceVariables = [
   [
     'avataruser_delete_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'avatarteam_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']],
+     [['dark'], ['var(--dot_ebonyclay)']],
      ['avatar with team']
   ],
   [
     'channelIcon_icon',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['channel icon']
   ],
   [
     'channelIcon_topIcon_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'channelIcon_topIcon_iconGreen',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'channelIcon_topIcon_iconYellow',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'channelIcon_topIcon_border',
@@ -397,7 +397,7 @@ const dotAppearanceVariables = [
   [
     'drawer_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'drawer_header_bg',
@@ -412,7 +412,7 @@ const dotAppearanceVariables = [
   [
     'drawer_title_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'toggledropdown_line_border',
@@ -423,13 +423,13 @@ const dotAppearanceVariables = [
   [
     'commonEmptyState_default_title',
      [['default'], ['var(--dot_bunker)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['common empty state']
   ],
   [
     'commonEmptyState_default_description',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'commonEmptyState_default_link',
@@ -455,13 +455,13 @@ const dotAppearanceVariables = [
   [
     'emptystate_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']],
+     [['dark'], ['var(--dot_ebonyclay)']],
      ['error state empty']
   ],
   [
     'emptystate_title_text',
      [['default'], ['var(--zd_dark3)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'linktext_default_text',
@@ -495,33 +495,33 @@ const dotAppearanceVariables = [
   [
     'fields_phoneicon_icon',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['form fields']
   ],
   [
     'fields_phoneicon_hover_icon',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'fields_lockicon_icon',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'fields_lockicon_hover_icon',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'fields_phitag_text',
      [['default'], ['var(--dot_camarone)']],
-     [['dark'], ['#1b8c35']]
+     [['dark'], ['var(--dot_irishgreen)']]
   ],
   [
     'fields_phitag_bg',
-     [['default'], ['#f2faf5']],
-     [['dark'], ['#232b38']]
+     [['default'], ['var(--dot_blacksqueeze)']],
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'fields_phitag_border',
@@ -531,7 +531,7 @@ const dotAppearanceVariables = [
   [
     'fields_newtabicon_icon',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'fields_newtabicon_hover_icon',
@@ -541,13 +541,13 @@ const dotAppearanceVariables = [
   [
     'formAction_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#262f3d']],
+     [['dark'], ['var(--dot_unknown1)']],
      ['form action']
   ],
   [
     'formAction_border',
      [['default'], ['var(--zdt_cta_grey_15_border)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'freezelayer_default_bg',
@@ -573,7 +573,7 @@ const dotAppearanceVariables = [
   [
     'iconButton_icon_black',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['icon button']
   ],
   [
@@ -600,12 +600,12 @@ const dotAppearanceVariables = [
   [
     'importantnotes_title_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'importantnotes_icon',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'setupdetail_header_border',
@@ -641,7 +641,7 @@ const dotAppearanceVariables = [
   [
     'setupdetail_popup_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'setupdetail_infoheader_bg',
@@ -672,7 +672,7 @@ const dotAppearanceVariables = [
   [
     'subtablayout_tabhead_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'subtablayout_plusicon_bg',
@@ -702,13 +702,13 @@ const dotAppearanceVariables = [
   [
     'avatarflip_default_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['avatar flip']
   ],
   [
     'comment_iconText',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['comment icon']
   ],
   [
@@ -719,13 +719,13 @@ const dotAppearanceVariables = [
   [
     'departmentdropdown_default_text',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']],
+     [['dark'], ['var(--dot_oslogrey)']],
      ['department dropdown']
   ],
   [
     'departmentdropdown_default_hover_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'dot_text',
@@ -757,33 +757,33 @@ const dotAppearanceVariables = [
   [
     'gridstencils_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']],
+     [['dark'], ['var(--dot_ebonyclay)']],
      ['grid stencils']
   ],
   [
     'gridstencils_default_border',
      [['default'], ['var(--zd_gallery1)']],
-     [['dark'], ['#2d3748']]
+     [['dark'], ['var(--dot_tuna)']]
   ],
   [
     'gridstencils_after_bg',
      [['default'], ['var(--zd_smoke4)']],
-     [['dark'], ['#262f3d']]
+     [['dark'], ['var(--dot_unknown1)']]
   ],
   [
     'gridstencils_listbar_bg',
-     [['default'], ['#f6f7f8']],
-     [['dark'], ['#262f3d']]
+     [['default'], ['var(--zd_smoke78)']],
+     [['dark'], ['var(--dot_unknown1)']]
   ],
   [
     'gridstencils_listbar_gradient_bg',
-     [['default'], ['linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%)']],
+     [['default'], ['linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%)']],
      [['dark'], ['linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%)']]
   ],
   [
     'icons_default',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['icons']
   ],
   [
@@ -794,7 +794,7 @@ const dotAppearanceVariables = [
   [
     'icons_hover_red',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'listLayout_border',
@@ -820,7 +820,7 @@ const dotAppearanceVariables = [
   [
     'listLayout_keyboard_active_border',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'liststencils_innercontainer_border',
@@ -831,23 +831,23 @@ const dotAppearanceVariables = [
   [
     'secondaryText_gray_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['secondary text']
   ],
   [
     'secondaryText_orage_text',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'secondaryText_green_text',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'secondaryText_red_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'secondaryText_blue_text',
@@ -862,12 +862,12 @@ const dotAppearanceVariables = [
   [
     'secondaryText_black_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'secondaryText_secondaryText_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'statusdropdown_line_border',
@@ -878,7 +878,7 @@ const dotAppearanceVariables = [
   [
     'statuslistitem_list_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['status listitem']
   ],
   [
@@ -909,7 +909,7 @@ const dotAppearanceVariables = [
   [
     'statuslistitem_secondary_effect_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'statuslistitem_tickicon',
@@ -919,22 +919,22 @@ const dotAppearanceVariables = [
   [
     'statuslistitem_black_bg',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'statuslistitem_orange_bg',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'statuslistitem_green_bg',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'subject_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['subject']
   ],
   [
@@ -956,7 +956,7 @@ const dotAppearanceVariables = [
   [
     'thread_iconText',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['thread']
   ],
   [
@@ -967,28 +967,28 @@ const dotAppearanceVariables = [
   [
     'usertime_timeText',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['usertime']
   ],
   [
     'usertime_icon_red',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'usertime_icon_green',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'usertime_icon_orange',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'usertime_icon_gray',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'loader_gradient_bg',
@@ -1010,7 +1010,7 @@ const dotAppearanceVariables = [
   [
     'lookupheader_para_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'lookupheader_input_border',
@@ -1031,7 +1031,7 @@ const dotAppearanceVariables = [
   [
     'lookupclose_default_hover_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'lookupsearch_boxstyle_border',
@@ -1042,7 +1042,7 @@ const dotAppearanceVariables = [
   [
     'lookupsearch_boxstyle_hover_border',
      [['default'], ['var(--dot_inputLineHover)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'lookupsearch_boxstyle_activer_border',
@@ -1058,39 +1058,39 @@ const dotAppearanceVariables = [
   [
     'lookuptitle_default_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['lookup title']
   ],
   [
     'lookuptitle_primary_text',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'lookuptitle_danger_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'viewdropdown_empty_text',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']],
+     [['dark'], ['var(--dot_oslogrey)']],
      ['view dropdown']
   ],
   [
     'viewdropdown_label_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']]
+     [['dark'], ['var(--dot_cadetblue)']]
   ],
   [
     'viewdropdown_hover_label_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'lookupsection_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#262f3d']],
+     [['dark'], ['var(--dot_unknown1)']],
      ['lookup section']
   ],
   [
@@ -1107,17 +1107,17 @@ const dotAppearanceVariables = [
   [
     'message_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'message_success_bg',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'message_alert_bg',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'message_info_bg',
@@ -1127,7 +1127,7 @@ const dotAppearanceVariables = [
   [
     'message_tickicon',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'message_close_text',
@@ -1137,7 +1137,7 @@ const dotAppearanceVariables = [
   [
     'messagebanner_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['message banner']
   ],
   [
@@ -1173,12 +1173,12 @@ const dotAppearanceVariables = [
   [
     'messagebanner_white_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'newstar_green_text',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']],
+     [['dark'], ['var(--dot_darkmint)']],
      ['new star']
   ],
   [
@@ -1189,7 +1189,7 @@ const dotAppearanceVariables = [
   [
     'newstar_blue_text',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'plusicon_box_shadow',
@@ -1230,19 +1230,19 @@ const dotAppearanceVariables = [
   ],
   [
     'search_input_border',
-     [['default'], ['#999']],
-     [['dark'], ['#999']],
+     [['default'], ['var(--zd_dark6)']],
+     [['dark'], ['var(--zd_dark6)']],
      ['search']
   ],
   [
     'search_input_text',
-     [['default'], ['#333']],
-     [['dark'], ['#333']]
+     [['default'], ['var(--zd_dark4)']],
+     [['dark'], ['var(--zd_dark4)']]
   ],
   [
     'search_input_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'search_input_focus_border',
@@ -1251,13 +1251,13 @@ const dotAppearanceVariables = [
   ],
   [
     'search_icon',
-     [['default'], ['#999']],
-     [['dark'], ['#999']]
+     [['default'], ['var(--zd_dark6)']],
+     [['dark'], ['var(--zd_dark6)']]
   ],
   [
     'search_hover_icon',
-     [['default'], ['#666']],
-     [['dark'], ['#666']]
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']]
   ],
   [
     'search_placeholder_text',
@@ -1266,19 +1266,19 @@ const dotAppearanceVariables = [
   ],
   [
     'views_icon',
-     [['default'], ['#999']],
-     [['dark'], ['#999']],
+     [['default'], ['var(--zd_dark6)']],
+     [['dark'], ['var(--zd_dark6)']],
      ['views']
   ],
   [
     'views_border',
-     [['default'], ['#e1e1e1']],
-     [['dark'], ['#e1e1e1']]
+     [['default'], ['var(--zd_smoke29)']],
+     [['dark'], ['var(--zd_smoke29)']]
   ],
   [
     'views_hover_icon',
-     [['default'], ['#666']],
-     [['dark'], ['#666']]
+     [['default'], ['var(--zd_dark5)']],
+     [['dark'], ['var(--zd_dark5)']]
   ],
   [
     'views_active_icon',
@@ -1335,7 +1335,7 @@ const dotAppearanceVariables = [
   [
     'tabletext_default_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'tabletext_green_text',
@@ -1345,7 +1345,7 @@ const dotAppearanceVariables = [
   [
     'tabletext_danger_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'tabletext_heading_text',
@@ -1361,17 +1361,17 @@ const dotAppearanceVariables = [
   [
     'toastmessage_default_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'toastmessage_alert_border',
      [['default'], ['var(--zd_smoke29)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'toastmessage_alert_text',
      [['default'], ['var(--zd_smoke31)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'toastmessage_alerttitle_text',
@@ -1381,12 +1381,12 @@ const dotAppearanceVariables = [
   [
     'toastmessage_popbutton_text',
      [['default'], ['var(--zd_smoke18)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'toastmessage_submit_border',
      [['default'], ['var(--zd_smoke30)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'toastmessage_primary_text',
@@ -1406,12 +1406,12 @@ const dotAppearanceVariables = [
   [
     'toastmessage_danger_text',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'toastmessage_danger_hover_bg',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'toastmessage_danger_text_shadow',
@@ -1441,12 +1441,12 @@ const dotAppearanceVariables = [
   [
     'toastmessage_cancel_hover_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'toastmessage_closeicon',
      [['default'], ['var(--zd_smoke21)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'toastmessage_closeicon_hover_bg',
@@ -1456,12 +1456,12 @@ const dotAppearanceVariables = [
   [
     'toastmessage_closeicon_hover_text',
      [['default'], ['var(--zd_dark2)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'toastmessage_dropdown_bg',
      [['default'], ['var(--zd_alabaster)']],
-     [['dark'], ['#262f3d']]
+     [['dark'], ['var(--dot_unknown1)']]
   ],
   [
     'toastmessage_dropdown_text',
@@ -1471,7 +1471,7 @@ const dotAppearanceVariables = [
   [
     'toastmessage_message_border',
      [['default'], ['var(--zd_smoke1)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'upload_default_bg',
@@ -1512,27 +1512,27 @@ const dotAppearanceVariables = [
   [
     'upload_night_bg',
      [['default'], ['var(--dot_catskillWhite)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'upload_loader_night_bg',
      [['default'], ['var(--zd_dark13)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'upload_attachsize_night_text',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'upload_uploadclose_night_bg',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'upload_uploadclose_night_text',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#828994']]
+     [['dark'], ['var(--dot_oslogrey)']]
   ],
   [
     'upload_uploadclose_night_hover_text',
@@ -1542,13 +1542,13 @@ const dotAppearanceVariables = [
   [
     'commonalert_default_border',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']],
+     [['dark'], ['var(--dot_bittersweet)']],
      ['common alerts']
   ],
   [
     'commonalert_success_border',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'commonalert_info_border',
@@ -1558,27 +1558,27 @@ const dotAppearanceVariables = [
   [
     'commonalert_danger_border',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'commonalert_error_border',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'commonalert_warning_border',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'commonalert_close_icon',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'commonalert_close_light_icon',
      [['default'], ['var(--dot_slateGrey)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'commonalert_close_hover_bg',
@@ -1598,7 +1598,7 @@ const dotAppearanceVariables = [
   [
     'commonalert_plaininfo_hover_bg',
      [['default'], ['var(--dot_lavender)']],
-     [['dark'], ['#262f3d']]
+     [['dark'], ['var(--dot_unknown1)']]
   ],
   [
     'commonalert_danger_hover_bg',
@@ -1618,7 +1618,7 @@ const dotAppearanceVariables = [
   [
     'commonalert_light_hover_bg',
      [['default'], ['var(--zdt_cta_grey_10_bg)']],
-     [['dark'], ['#384157']]
+     [['dark'], ['var(--dot_brightgrey)']]
   ],
   [
     'commonalert_secondlayer_bg',
@@ -1628,12 +1628,12 @@ const dotAppearanceVariables = [
   [
     'commonalert_default_icon',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'commonalert_success_icon',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']]
+     [['dark'], ['var(--dot_darkmint)']]
   ],
   [
     'commonalert_info_icon',
@@ -1643,33 +1643,33 @@ const dotAppearanceVariables = [
   [
     'commonalert_danger_icon',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'commonalert_error_icon',
      [['default'], ['var(--dot_brightRed)']],
-     [['dark'], ['#ff6b6b']]
+     [['dark'], ['var(--dot_bittersweet)']]
   ],
   [
     'commonalert_warning_icon',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'alerticons_green_fill',
      [['default'], ['var(--dot_strongGreen)']],
-     [['dark'], ['#4ac064']],
+     [['dark'], ['var(--dot_darkmint)']],
      ['alert icons']
   ],
   [
     'alerticons_primary_fill',
      [['default'], ['var(--dot_primary)']],
-     [['dark'], ['#479dff']]
+     [['dark'], ['var(--dot_butterflyblue)']]
   ],
   [
     'alerticons_orange_fill',
      [['default'], ['var(--dot_vividOrange)']],
-     [['dark'], ['#ff801f']]
+     [['dark'], ['var(--dot_cadmiumorange)']]
   ],
   [
     'globalnotification_default_bg',
@@ -1680,17 +1680,17 @@ const dotAppearanceVariables = [
   [
     'globalnotification_default_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_success_bg',
-     [['default'], ['#f2faf5']],
+     [['default'], ['var(--dot_blacksqueeze)']],
      [['dark'], ['#28373f']]
   ],
   [
     'globalnotification_success_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_info_bg',
@@ -1700,7 +1700,7 @@ const dotAppearanceVariables = [
   [
     'globalnotification_info_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_danger_bg',
@@ -1710,7 +1710,7 @@ const dotAppearanceVariables = [
   [
     'globalnotification_danger_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_error_bg',
@@ -1720,7 +1720,7 @@ const dotAppearanceVariables = [
   [
     'globalnotification_error_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_warning_bg',
@@ -1730,7 +1730,7 @@ const dotAppearanceVariables = [
   [
     'globalnotification_warning_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'globalnotification_default_box_shadow',
@@ -1740,7 +1740,7 @@ const dotAppearanceVariables = [
   [
     'alertlookup_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#262f3d']],
+     [['dark'], ['var(--dot_unknown1)']],
      ['alert lookup']
   ],
   [
@@ -1751,18 +1751,18 @@ const dotAppearanceVariables = [
   [
     'alertlookuop_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'alertlookupnew_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']],
+     [['dark'], ['var(--dot_platinum)']],
      ['alert lookup new']
   ],
   [
     'tagsmultiselect_labelt_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['tagsmultiselect']
   ],
   [
@@ -1777,8 +1777,8 @@ const dotAppearanceVariables = [
   ],
   [
     'tagsmultiselect_dark_border',
-     [['default'], ['#4b5168']],
-     [['dark'], ['#4b5168']]
+     [['default'], ['var(--dot_mulledwine)']],
+     [['dark'], ['var(--dot_mulledwine)']]
   ],
   [
     'tagsmultiselect_default_hover_border',
@@ -1792,8 +1792,8 @@ const dotAppearanceVariables = [
   ],
   [
     'tagsmultiselect_dark_hover_border',
-     [['default'], ['#9699a6']],
-     [['dark'], ['#9699a6']]
+     [['default'], ['var(--dot_stardust)']],
+     [['dark'], ['var(--dot_stardust)']]
   ],
   [
     'tagsmultiselect_default_active_border',
@@ -1807,8 +1807,8 @@ const dotAppearanceVariables = [
   ],
   [
     'tagsmultiselect_dark_active_border',
-     [['default'], ['#9699a6']],
-     [['dark'], ['#9699a6']]
+     [['default'], ['var(--dot_stardust)']],
+     [['dark'], ['var(--dot_stardust)']]
   ],
   [
     'tagsmultiselect_more_text',
@@ -1874,23 +1874,23 @@ const dotAppearanceVariables = [
   [
     'texteditor_night_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#232b38']]
+     [['dark'], ['var(--dot_ebonyclay)']]
   ],
   [
     'texteditor_night_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'desktopnotification_bg',
      [['default'], ['var(--dot_white)']],
-     [['dark'], ['#262f3d']],
+     [['dark'], ['var(--dot_unknown1)']],
      ['desktop notification']
   ],
   [
     'desktopnotification_text',
      [['default'], ['var(--dot_black)']],
-     [['dark'], ['#e2e4e6']]
+     [['dark'], ['var(--dot_platinum)']]
   ],
   [
     'desktopnotification_box_shadow',
@@ -1900,7 +1900,7 @@ const dotAppearanceVariables = [
   [
     'tagsmultiselectField_count_text',
      [['default'], ['var(--dot_shuttleGrey)']],
-     [['dark'], ['#a8b0bd']],
+     [['dark'], ['var(--dot_cadetblue)']],
      ['tagsmultiselect field']
   ]
 ];