@salesforcedevs/dx-components 1.3.194-alpha.0 → 1.3.194-alpha3

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 (38) hide show
  1. package/lwc.config.json +1 -0
  2. package/package.json +5 -2
  3. package/src/modules/dx/alert/alert.css +1 -1
  4. package/src/modules/dx/breadcrumbs/breadcrumbs.css +2 -2
  5. package/src/modules/dx/cardDocs/cardDocs.css +1 -1
  6. package/src/modules/dx/cardGridDocs/cardGridDocs.css +1 -0
  7. package/src/modules/dx/cardNews/cardNews.css +7 -7
  8. package/src/modules/dx/cardStep/mockProps.ts +1 -2
  9. package/src/modules/dx/cardTrialExpanded/cardTrialExpanded.css +2 -2
  10. package/src/modules/dx/checkbox/checkbox.css +2 -1
  11. package/src/modules/dx/checkboxNative/checkboxNative.css +3 -0
  12. package/src/modules/dx/codeBlock/codeBlock.ts +6 -6
  13. package/src/modules/dx/codeBlock/customLanguages.js +4 -2
  14. package/src/modules/dx/codeBlock/lightTheme.css +4 -4
  15. package/src/modules/dx/dropdown/dropdown.css +4 -2
  16. package/src/modules/dx/dropdownOption/dropdownOption.css +2 -2
  17. package/src/modules/dx/feature/feature.css +1 -1
  18. package/src/modules/dx/featuredContentHeader/featuredContentHeader.css +3 -3
  19. package/src/modules/dx/filterMenu/filterMenu.css +6 -2
  20. package/src/modules/dx/footer/footer.css +3 -4
  21. package/src/modules/dx/header/__benchmarks__/header.benchmark.js +45 -0
  22. package/src/modules/dx/header/header.css +99 -0
  23. package/src/modules/dx/header/header.html +132 -0
  24. package/src/modules/dx/header/header.ts +21 -0
  25. package/src/modules/dx/headerMobileNavMenu/headerMobileNavMenu.css +1 -1
  26. package/src/modules/dx/icon/icon.css +1 -1
  27. package/src/modules/dx/input/input.css +3 -0
  28. package/src/modules/dx/searchResults/searchResults.css +3 -2
  29. package/src/modules/dx/select/select.css +15 -1
  30. package/src/modules/dx/spinner/spinner.css +225 -28
  31. package/src/modules/dx/toast/toast.css +1 -1
  32. package/src/modules/dxHelpers/animations/animations.css +1 -1
  33. package/src/modules/dxHelpers/card/card.css +1 -1
  34. package/src/modules/dxHelpers/code/code.css +13 -5
  35. package/src/modules/dxHelpers/commonTreeItem/commonTreeItem.css +1 -1
  36. package/src/modules/dxHelpers/reset/reset.css +13 -6
  37. package/src/modules/dxHelpers/text/text.css +1 -1
  38. package/src/modules/dxUtils/prismjs/prismjs.ts +294 -168
package/src/modules/dxHelpers/code/code.css CHANGED
@@ -32,7 +32,12 @@ code[class*="language-"] {
32
32
  word-spacing: normal;
33
33
  word-break: normal;
34
34
  line-height: 20px;
35
+ -moz-tab-size: 4;
36
+ -o-tab-size: 4;
35
37
  tab-size: 4;
38
+ -webkit-hyphens: none;
39
+ -moz-hyphens: none;
40
+ -ms-hyphens: none;
36
41
  hyphens: none;
37
42
  }
38
43
 
@@ -44,7 +49,7 @@ code[class*="language-"]::mozselection {
44
49
  }
45
50
 
46
51
  .dx-theme-dark code[class*="language-"] {
47
- color: rgb(255 255 255);
52
+ color: rgb(255, 255, 255);
48
53
  }
49
54
 
50
55
  .dx-theme-light code[class*="language-"] {
@@ -52,7 +57,7 @@ code[class*="language-"]::mozselection {
52
57
  }
53
58
 
54
59
  .dx-theme-dark code[class*="language-"]::mozselection {
55
- background: rgb(255 255 255);
60
+ background: rgb(255, 255, 255);
56
61
  }
57
62
 
58
63
  .dx-theme-light code[class*="language-"]::mozselection {
@@ -87,12 +92,12 @@ code[class*="language-"]::mozselection {
87
92
  }
88
93
 
89
94
  .dx-theme-dark pre[class*="language-"] {
90
- color: rgb(255 255 255);
95
+ color: rgb(255, 255, 255);
91
96
  background: var(--dx-g-blue-vibrant-10);
92
97
  }
93
98
 
94
99
  .dx-theme-dark :not(pre) > code[class*="language-"] {
95
- color: rgb(255 255 255);
100
+ color: rgb(255, 255, 255);
96
101
  background: var(--dx-g-blue-vibrant-10);
97
102
  }
98
103
 
@@ -175,7 +180,7 @@ pre[id].linkable-line-numbers span.line-numbers-rows > span::before {
175
180
  }
176
181
 
177
182
  pre[id].linkable-line-numbers span.line-numbers-rows > span:hover::before {
178
- background-color: rgb(128 128 128 / 20%);
183
+ background-color: rgba(128, 128, 128, 0.2);
179
184
  }
180
185
 
181
186
  pre[class*="language-"].line-numbers {
@@ -197,6 +202,9 @@ pre[class*="language-"].line-numbers > code {
197
202
  left: -3.8em;
198
203
  width: 3em; /* works for line-numbers below 1000 lines */
199
204
  letter-spacing: -1px;
205
+ -webkit-user-select: none;
206
+ -moz-user-select: none;
207
+ -ms-user-select: none;
200
208
  user-select: none;
201
209
  }
202
210
 
package/src/modules/dxHelpers/commonTreeItem/commonTreeItem.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .sidebar-item-truncate-text {
2
- display: box;
2
+ display: -webkit-box;
3
3
  overflow: hidden;
4
4
  word-break: break-word;
5
5
  -webkit-box-orient: vertical;
package/src/modules/dxHelpers/reset/reset.css CHANGED
@@ -2,7 +2,7 @@ input[type="search"]::-webkit-search-decoration,
2
2
  input[type="search"]::-webkit-search-cancel-button,
3
3
  input[type="search"]::-webkit-search-results-button,
4
4
  input[type="search"]::-webkit-search-results-decoration {
5
- appearance: none;
5
+ -webkit-appearance: none;
6
6
  }
7
7
 
8
8
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
@@ -83,6 +83,7 @@ pre {
83
83
 
84
84
  abbr[title] {
85
85
  border-bottom: none; /* 1 */
86
+ -webkit-text-decoration: underline dotted;
86
87
  text-decoration: underline dotted; /* 2 */
87
88
  }
88
89
 
@@ -177,7 +178,7 @@ button,
177
178
  [type="button"],
178
179
  [type="reset"],
179
180
  [type="submit"] {
180
- appearance: button;
181
+ -webkit-appearance: button;
181
182
  }
182
183
 
183
184
  /**
@@ -280,7 +281,7 @@ progress {
280
281
  */
281
282
 
282
283
  [type="search"] {
283
- appearance: textfield; /* 1 */
284
+ -webkit-appearance: textfield; /* 1 */
284
285
  }
285
286
 
286
287
  /**
@@ -288,7 +289,7 @@ progress {
288
289
  */
289
290
 
290
291
  [type="search"]::-webkit-search-decoration {
291
- appearance: none;
292
+ -webkit-appearance: none;
292
293
  }
293
294
 
294
295
  /**
@@ -297,7 +298,7 @@ progress {
297
298
  */
298
299
 
299
300
  ::-webkit-file-upload-button {
300
- appearance: button; /* 1 */
301
+ -webkit-appearance: button; /* 1 */
301
302
  font: inherit; /* 2 */
302
303
  }
303
304
 
@@ -371,6 +372,7 @@ pre {
371
372
  */
372
373
 
373
374
  button:focus {
375
+ outline: 1px dotted;
374
376
  outline: 5px auto -webkit-focus-ring-color;
375
377
  }
376
378
 
@@ -404,7 +406,7 @@ html {
404
406
  "Noto Color Emoji"; /* 1 */
405
407
 
406
408
  line-height: 1.5; /* 2 */
407
- text-size-adjust: 100%; /* 2 */
409
+ -webkit-text-size-adjust: 100%; /* 2 */
408
410
  }
409
411
 
410
412
  /**
@@ -465,6 +467,11 @@ textarea {
465
467
  overflow: auto;
466
468
  }
467
469
 
470
+ input::-ms-input-placeholder,
471
+ textarea::-ms-input-placeholder {
472
+ color: #a0aec0;
473
+ }
474
+
468
475
  input::placeholder,
469
476
  textarea::placeholder {
470
477
  color: #a0aec0;
package/src/modules/dxHelpers/text/text.css CHANGED
@@ -188,7 +188,7 @@
188
188
  }
189
189
 
190
190
  .dx-text-truncate {
191
- display: box;
191
+ display: -webkit-box;
192
192
  -webkit-line-clamp: var(--dx-c-max-lines, 6);
193
193
  -webkit-box-orient: vertical;
194
194
  overflow: hidden;