@zohodesk/dot 1.0.0-temp-58 → 1.0.0-temp-59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/es/Appearance/dark/mode/dotDarkMode.module.css +7 -7
  2. package/es/Appearance/default/mode/dotDefaultMode.module.css +9 -9
  3. package/es/lookup/header/lookupHeaderCommon.module.css +2 -2
  4. package/lib/Appearance/dark/mode/dotDarkMode.module.css +7 -7
  5. package/lib/Appearance/default/mode/dotDefaultMode.module.css +9 -9
  6. package/lib/lookup/header/lookupHeaderCommon.module.css +2 -2
  7. package/package.json +1 -1
  8. package/preprocess/json/dotAppearanceVariableJson.js +16 -16
  9. package/src/Appearance/dark/mode/dotDarkMode.module.css +7 -7
  10. package/src/Appearance/default/mode/dotDefaultMode.module.css +9 -9
  11. package/src/lookup/header/lookupHeaderCommon.module.css +2 -2
package/es/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: #232b38;
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/es/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -214,8 +214,8 @@
214
214
  --zdt_gridstencils_default_bg: var(--dot_white);
215
215
  --zdt_gridstencils_default_border: var(--zd_gallery1);
216
216
  --zdt_gridstencils_after_bg: var(--zd_smoke4);
217
- --zdt_gridstencils_listbar_bg: #f6f7f8;
218
- --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
217
+ --zdt_gridstencils_listbar_bg: var(--zd_smoke78);
218
+ --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%);
219
219
 
220
220
  /* icons */
221
221
  --zdt_icons_default: var(--dot_shuttleGrey);
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: var(--dot_white);
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/es/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -11,8 +11,8 @@
11
11
  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
12
12
  }
13
13
  .white {
14
- background-color: var(--zdt_lookupheader_white_bg);
15
- border-bottom: solid 1px var(--zdt_lookupheader_white_border);
14
+ background-color: var(--dot_white);
15
+ border-bottom: solid 1px var(--zdt_cta_grey_35_border);
16
16
  }
17
17
  .searchContainer, .title {
18
18
  margin: 0 var(--zd_size20);
package/lib/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: #232b38;
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/lib/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -214,8 +214,8 @@
214
214
  --zdt_gridstencils_default_bg: var(--dot_white);
215
215
  --zdt_gridstencils_default_border: var(--zd_gallery1);
216
216
  --zdt_gridstencils_after_bg: var(--zd_smoke4);
217
- --zdt_gridstencils_listbar_bg: #f6f7f8;
218
- --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
217
+ --zdt_gridstencils_listbar_bg: var(--zd_smoke78);
218
+ --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%);
219
219
 
220
220
  /* icons */
221
221
  --zdt_icons_default: var(--dot_shuttleGrey);
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: var(--dot_white);
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/lib/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -11,8 +11,8 @@
11
11
  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
12
12
  }
13
13
  .white {
14
- background-color: var(--zdt_lookupheader_white_bg);
15
- border-bottom: solid 1px var(--zdt_lookupheader_white_border);
14
+ background-color: var(--dot_white);
15
+ border-bottom: solid 1px var(--zdt_cta_grey_35_border);
16
16
  }
17
17
  .searchContainer, .title {
18
18
  margin: 0 var(--zd_size20);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.0.0-temp-58",
3
+ "version": "1.0.0-temp-59",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "jsnext:main": "es/index.js",
package/preprocess/json/dotAppearanceVariableJson.js CHANGED
@@ -772,12 +772,12 @@ const dotAppearanceVariables = [
772
772
  ],
773
773
  [
774
774
  'gridstencils_listbar_bg',
775
- [['default'], ['#f6f7f8']],
775
+ [['default'], ['var(--zd_smoke78)']],
776
776
  [['dark'], ['#262f3d']]
777
777
  ],
778
778
  [
779
779
  'gridstencils_listbar_gradient_bg',
780
- [['default'], ['linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%)']],
780
+ [['default'], ['linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%)']],
781
781
  [['dark'], ['linear-gradient(left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%)']]
782
782
  ],
783
783
  [
@@ -1230,14 +1230,14 @@ const dotAppearanceVariables = [
1230
1230
  ],
1231
1231
  [
1232
1232
  'search_input_border',
1233
- [['default'], ['#999']],
1234
- [['dark'], ['#999']],
1233
+ [['default'], ['var(--zd_dark6)']],
1234
+ [['dark'], ['var(--zd_dark6)']],
1235
1235
  ['search']
1236
1236
  ],
1237
1237
  [
1238
1238
  'search_input_text',
1239
- [['default'], ['#333']],
1240
- [['dark'], ['#333']]
1239
+ [['default'], ['var(--zd_dark4)']],
1240
+ [['dark'], ['var(--zd_dark4)']]
1241
1241
  ],
1242
1242
  [
1243
1243
  'search_input_bg',
@@ -1251,13 +1251,13 @@ const dotAppearanceVariables = [
1251
1251
  ],
1252
1252
  [
1253
1253
  'search_icon',
1254
- [['default'], ['#999']],
1255
- [['dark'], ['#999']]
1254
+ [['default'], ['var(--zd_dark6)']],
1255
+ [['dark'], ['var(--zd_dark6)']]
1256
1256
  ],
1257
1257
  [
1258
1258
  'search_hover_icon',
1259
- [['default'], ['#666']],
1260
- [['dark'], ['#666']]
1259
+ [['default'], ['var(--zd_dark5)']],
1260
+ [['dark'], ['var(--zd_dark5)']]
1261
1261
  ],
1262
1262
  [
1263
1263
  'search_placeholder_text',
@@ -1266,19 +1266,19 @@ const dotAppearanceVariables = [
1266
1266
  ],
1267
1267
  [
1268
1268
  'views_icon',
1269
- [['default'], ['#999']],
1270
- [['dark'], ['#999']],
1269
+ [['default'], ['var(--zd_dark6)']],
1270
+ [['dark'], ['var(--zd_dark6)']],
1271
1271
  ['views']
1272
1272
  ],
1273
1273
  [
1274
1274
  'views_border',
1275
- [['default'], ['#e1e1e1']],
1276
- [['dark'], ['#e1e1e1']]
1275
+ [['default'], ['var(--zd_smoke29)']],
1276
+ [['dark'], ['var(--zd_smoke29)']]
1277
1277
  ],
1278
1278
  [
1279
1279
  'views_hover_icon',
1280
- [['default'], ['#666']],
1281
- [['dark'], ['#666']]
1280
+ [['default'], ['var(--zd_dark5)']],
1281
+ [['dark'], ['var(--zd_dark5)']]
1282
1282
  ],
1283
1283
  [
1284
1284
  'views_active_icon',
package/src/Appearance/dark/mode/dotDarkMode.module.css CHANGED
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: #232b38;
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/src/Appearance/default/mode/dotDefaultMode.module.css CHANGED
@@ -214,8 +214,8 @@
214
214
  --zdt_gridstencils_default_bg: var(--dot_white);
215
215
  --zdt_gridstencils_default_border: var(--zd_gallery1);
216
216
  --zdt_gridstencils_after_bg: var(--zd_smoke4);
217
- --zdt_gridstencils_listbar_bg: #f6f7f8;
218
- --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
217
+ --zdt_gridstencils_listbar_bg: var(--zd_smoke78);
218
+ --zdt_gridstencils_listbar_gradient_bg: linear-gradient(left, var(--zd_smoke78) 0, #edeef1 20%, var(--zd_smoke78) 40%, var(--zd_smoke78) 100%);
219
219
 
220
220
  /* icons */
221
221
  --zdt_icons_default: var(--dot_shuttleGrey);
@@ -349,18 +349,18 @@
349
349
  --zdt_headerlink_hover_text: var(--zdt_cta_primary_border);
350
350
 
351
351
  /* search */
352
- --zdt_search_input_border: #999;
353
- --zdt_search_input_text: #333;
352
+ --zdt_search_input_border: var(--zd_dark6);
353
+ --zdt_search_input_text: var(--zd_dark4);
354
354
  --zdt_search_input_bg: var(--dot_white);
355
355
  --zdt_search_input_focus_border: var(--zdt_cta_primary_border);
356
- --zdt_search_icon: #999;
357
- --zdt_search_hover_icon: #666;
356
+ --zdt_search_icon: var(--zd_dark6);
357
+ --zdt_search_hover_icon: var(--zd_dark5);
358
358
  --zdt_search_placeholder_text: var(--zd_smoke12);
359
359
 
360
360
  /* views */
361
- --zdt_views_icon: #999;
362
- --zdt_views_border: #e1e1e1;
363
- --zdt_views_hover_icon: #666;
361
+ --zdt_views_icon: var(--zd_dark6);
362
+ --zdt_views_border: var(--zd_smoke29);
363
+ --zdt_views_hover_icon: var(--zd_dark5);
364
364
  --zdt_views_active_icon: var(--zdt_cta_primary_text);
365
365
 
366
366
  /* help tips description */
package/src/lookup/header/lookupHeaderCommon.module.css CHANGED
@@ -8,8 +8,8 @@
8
8
  border-bottom: solid 1px var(--zdt_lookupheader_default_border);
9
9
  }
10
10
  .white {
11
- background-color: var(--zdt_lookupheader_white_bg);
12
- border-bottom: solid 1px var(--zdt_lookupheader_white_border);
11
+ background-color: var(--dot_white);
12
+ border-bottom: solid 1px var(--zdt_cta_grey_35_border);
13
13
  }
14
14
  .searchContainer,
15
15
  .title {