@ptsecurity/mosaic 11.4.5 → 11.6.1

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 (55) hide show
  1. package/_theming.scss +368 -61
  2. package/_visual.scss +130 -8
  3. package/bundles/ptsecurity-mosaic-datepicker.umd.js +2 -1
  4. package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
  5. package/bundles/ptsecurity-mosaic-datepicker.umd.min.js +1 -1
  6. package/bundles/ptsecurity-mosaic-datepicker.umd.min.js.map +1 -1
  7. package/bundles/ptsecurity-mosaic-design-tokens.umd.js +226 -15
  8. package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +1 -1
  9. package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js +1 -1
  10. package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js.map +1 -1
  11. package/bundles/ptsecurity-mosaic-dropdown.umd.js +1 -1
  12. package/bundles/ptsecurity-mosaic-dropdown.umd.min.js +2 -2
  13. package/bundles/ptsecurity-mosaic-dropdown.umd.min.js.map +1 -1
  14. package/bundles/ptsecurity-mosaic-list.umd.js +10 -2
  15. package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
  16. package/bundles/ptsecurity-mosaic-list.umd.min.js +1 -1
  17. package/bundles/ptsecurity-mosaic-list.umd.min.js.map +1 -1
  18. package/bundles/ptsecurity-mosaic-navbar.umd.js +2 -2
  19. package/bundles/ptsecurity-mosaic-navbar.umd.js.map +1 -1
  20. package/bundles/ptsecurity-mosaic-navbar.umd.min.js +2 -2
  21. package/bundles/ptsecurity-mosaic-navbar.umd.min.js.map +1 -1
  22. package/bundles/ptsecurity-mosaic-timepicker.umd.js +1 -1
  23. package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +1 -1
  24. package/bundles/ptsecurity-mosaic-timepicker.umd.min.js +1 -1
  25. package/bundles/ptsecurity-mosaic-timepicker.umd.min.js.map +1 -1
  26. package/design-tokens/ptsecurity-mosaic-design-tokens.metadata.json +1 -1
  27. package/design-tokens/tokens/components/badge.json5 +177 -7
  28. package/design-tokens/tokens/components/tooltip.json5 +1 -1
  29. package/design-tokens/tokens/properties/typography.json5 +16 -0
  30. package/design-tokens/tokens.d.ts +114 -8
  31. package/dropdown/ptsecurity-mosaic-dropdown.metadata.json +1 -1
  32. package/esm2015/datepicker/datepicker-input.directive.js +3 -2
  33. package/esm2015/design-tokens/tokens.js +115 -10
  34. package/esm2015/dropdown/dropdown-item.component.js +1 -1
  35. package/esm2015/list/list-selection.component.js +11 -3
  36. package/esm2015/navbar/navbar.component.js +1 -1
  37. package/esm2015/navbar/vertical-navbar.component.js +2 -2
  38. package/esm2015/timepicker/timepicker.directive.js +3 -3
  39. package/fesm2015/ptsecurity-mosaic-datepicker.js +2 -1
  40. package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
  41. package/fesm2015/ptsecurity-mosaic-design-tokens.js +115 -10
  42. package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +1 -1
  43. package/fesm2015/ptsecurity-mosaic-dropdown.js +1 -1
  44. package/fesm2015/ptsecurity-mosaic-list.js +10 -2
  45. package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
  46. package/fesm2015/ptsecurity-mosaic-navbar.js +2 -2
  47. package/fesm2015/ptsecurity-mosaic-navbar.js.map +1 -1
  48. package/fesm2015/ptsecurity-mosaic-timepicker.js +2 -2
  49. package/fesm2015/ptsecurity-mosaic-timepicker.js.map +1 -1
  50. package/list/ptsecurity-mosaic-list.metadata.json +1 -1
  51. package/navbar/ptsecurity-mosaic-navbar.metadata.json +1 -1
  52. package/package.json +4 -4
  53. package/prebuilt-themes/dark-theme.css +1 -1
  54. package/prebuilt-themes/default-theme.css +1 -1
  55. package/timepicker/ptsecurity-mosaic-timepicker.metadata.json +1 -1
package/_visual.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 07 Oct 2021 08:29:06 GMT
3
+ // Generated on Thu, 21 Oct 2021 09:01:01 GMT
4
4
 
5
5
  $light-color-scheme-primary-default: #338FCC;
6
6
  $light-color-scheme-second-default: #B3B3B3;
@@ -216,12 +216,106 @@ $alert-font-small-body: caption;
216
216
  $autocomplete-size-panel-padding: 4px 0;
217
217
  $autocomplete-size-panel-max-height: 256px;
218
218
  $autocomplete-size-panel-border-radius: 3px;
219
- $badge-size-min-width: 10px;
220
- $badge-size-padding: 4px 8px;
221
- $badge-size-border-width: 1px;
222
- $badge-size-border-radius: 4px;
223
- $badge-font-default: caption;
224
- $badge-font-caps: caption-caps;
219
+ $badge-size-default-min-width: 10px;
220
+ $badge-size-default-padding: 0 8px;
221
+ $badge-size-default-border-width: 1px;
222
+ $badge-size-default-border-radius: 4px;
223
+ $badge-size-default-height: 24px;
224
+ $badge-size-default-font-default: caption;
225
+ $badge-size-default-font-caps: caption-caps;
226
+ $badge-size-default-font-mono: caption-mono;
227
+ $badge-size-mini-height: 16px;
228
+ $badge-size-mini-min-width: 10px;
229
+ $badge-size-mini-border-width: 1px;
230
+ $badge-size-mini-border-radius: 2px;
231
+ $badge-size-mini-padding: 0 4px;
232
+ $badge-size-mini-font-default: extra-small-text;
233
+ $badge-size-mini-font-caps: extra-small-text-caps;
234
+ $badge-size-mini-font-mono: extra-small-text-mono;
235
+ $badge-font-default-default: caption;
236
+ $badge-font-default-caps: caption-caps;
237
+ $badge-font-default-mono: caption-mono;
238
+ $badge-font-mini-default: extra-small-text;
239
+ $badge-font-mini-caps: extra-small-text-caps;
240
+ $badge-font-mini-mono: extra-small-text-mono;
241
+ $badge-light-color-scheme-solid-primary-background: #338FCC;
242
+ $badge-light-color-scheme-solid-primary-color: white;
243
+ $badge-light-color-scheme-solid-primary-border: #338FCC;
244
+ $badge-light-color-scheme-solid-info-border: #338FCC;
245
+ $badge-light-color-scheme-solid-info-background: #338FCC;
246
+ $badge-light-color-scheme-solid-info-color: white;
247
+ $badge-light-color-scheme-solid-success-border: #52A832;
248
+ $badge-light-color-scheme-solid-success-background: #52A832;
249
+ $badge-light-color-scheme-solid-success-color: white;
250
+ $badge-light-color-scheme-solid-warning-border: #D6930D;
251
+ $badge-light-color-scheme-solid-warning-background: #D6930D;
252
+ $badge-light-color-scheme-solid-warning-color: white;
253
+ $badge-light-color-scheme-solid-error-border: #E04D36;
254
+ $badge-light-color-scheme-solid-error-background: #E04D36;
255
+ $badge-light-color-scheme-solid-error-color: white;
256
+ $badge-light-color-scheme-solid-transparent-border: #CCCCCC;
257
+ $badge-light-color-scheme-solid-transparent-color: #4D4D4D;
258
+ $badge-light-color-scheme-solid-transparent-background: transparent;
259
+ $badge-light-color-scheme-solid-light-border: #E6E6E6;
260
+ $badge-light-color-scheme-solid-light-background: #E6E6E6;
261
+ $badge-light-color-scheme-solid-light-color: #4D4D4D;
262
+ $badge-light-color-scheme-solid-second-border: #666666;
263
+ $badge-light-color-scheme-solid-second-background: #666666;
264
+ $badge-light-color-scheme-solid-second-color: white;
265
+ $badge-light-color-scheme-pastel-primary-background: #F5FAFD;
266
+ $badge-light-color-scheme-pastel-primary-border: #AAD1EC;
267
+ $badge-light-color-scheme-pastel-primary-color: #338FCC;
268
+ $badge-light-color-scheme-pastel-info-background: #F5FAFD;
269
+ $badge-light-color-scheme-pastel-info-border: #AAD1EC;
270
+ $badge-light-color-scheme-pastel-info-color: #338FCC;
271
+ $badge-light-color-scheme-pastel-success-background: #F6FBF4;
272
+ $badge-light-color-scheme-pastel-success-border: #B4DEA4;
273
+ $badge-light-color-scheme-pastel-success-color: #449327;
274
+ $badge-light-color-scheme-pastel-warning-background: #FDFAF3;
275
+ $badge-light-color-scheme-pastel-warning-border: #F0D49B;
276
+ $badge-light-color-scheme-pastel-warning-color: #BB800A;
277
+ $badge-light-color-scheme-pastel-error-background: #FEF7F6;
278
+ $badge-light-color-scheme-pastel-error-border: #F4B7AE;
279
+ $badge-light-color-scheme-pastel-error-color: #E04D36;
280
+ $badge-dark-color-scheme-pastel-primary-background: rgba(0, 153, 255, 0.15);
281
+ $badge-dark-color-scheme-pastel-primary-color: #D8EAF7;
282
+ $badge-dark-color-scheme-pastel-primary-border: #114E77;
283
+ $badge-dark-color-scheme-pastel-info-background: #D8EAF7;
284
+ $badge-dark-color-scheme-pastel-info-color: #D8EAF7;
285
+ $badge-dark-color-scheme-pastel-info-border: rgba(0, 153, 255, 0.15);
286
+ $badge-dark-color-scheme-pastel-success-border: #276211;
287
+ $badge-dark-color-scheme-pastel-success-background: rgba(68, 255, 0, 0.15);
288
+ $badge-dark-color-scheme-pastel-success-color: #DCF1D4;
289
+ $badge-dark-color-scheme-pastel-warning-border: #7D5504;
290
+ $badge-dark-color-scheme-pastel-warning-background: rgba(255, 170, 0, 0.15);
291
+ $badge-dark-color-scheme-pastel-warning-color: #F8EBD1;
292
+ $badge-dark-color-scheme-pastel-error-border: #832112;
293
+ $badge-dark-color-scheme-pastel-error-background: rgba(224, 79, 56, 0.15);
294
+ $badge-dark-color-scheme-pastel-error-color: #FADEDA;
295
+ $badge-dark-color-scheme-solid-primary-background: #114E77;
296
+ $badge-dark-color-scheme-solid-primary-color: white;
297
+ $badge-dark-color-scheme-solid-primary-border: #114E77;
298
+ $badge-dark-color-scheme-solid-info-border: #07314D;
299
+ $badge-dark-color-scheme-solid-info-background: #07314D;
300
+ $badge-dark-color-scheme-solid-info-color: white;
301
+ $badge-dark-color-scheme-solid-success-border: #276211;
302
+ $badge-dark-color-scheme-solid-success-background: #276211;
303
+ $badge-dark-color-scheme-solid-success-color: white;
304
+ $badge-dark-color-scheme-solid-warning-border: #7D5504;
305
+ $badge-dark-color-scheme-solid-warning-background: #7D5504;
306
+ $badge-dark-color-scheme-solid-warning-color: white;
307
+ $badge-dark-color-scheme-solid-error-border: #832112;
308
+ $badge-dark-color-scheme-solid-error-background: #832112;
309
+ $badge-dark-color-scheme-solid-error-color: white;
310
+ $badge-dark-color-scheme-solid-transparent-border: #808080;
311
+ $badge-dark-color-scheme-solid-transparent-color: #F5F5F5;
312
+ $badge-dark-color-scheme-solid-transparent-background: transparent;
313
+ $badge-dark-color-scheme-solid-light-border: #999999;
314
+ $badge-dark-color-scheme-solid-light-background: #999999;
315
+ $badge-dark-color-scheme-solid-light-color: white;
316
+ $badge-dark-color-scheme-solid-second-border: #4D4D4D;
317
+ $badge-dark-color-scheme-solid-second-background: #4D4D4D;
318
+ $badge-dark-color-scheme-solid-second-color: white;
225
319
  $button-toggle-size-border-size: 1px;
226
320
  $button-toggle-size-border-radius: 3px;
227
321
  $button-light-color-scheme-active-shadow: inset 0 1px 2px 0 rgba(black, 0.2);
@@ -668,7 +762,7 @@ $tooltip-size-border-radius: 3px;
668
762
  $tooltip-size-arrow-size: 12px;
669
763
  $tooltip-size-arrow-width: 5px;
670
764
  $tooltip-size-padding: 8px 16px;
671
- $tooltip-size-distance: 5px + 4px;
765
+ $tooltip-size-distance: 9px;
672
766
  $tooltip-font-default: caption;
673
767
  $tree-size-padding-right: 16px;
674
768
  $tree-size-border-width: 2px;
@@ -1296,6 +1390,18 @@ $typography-extra-small-text-letter-spacing: 0.22px;
1296
1390
  $typography-extra-small-text-font-weight: normal;
1297
1391
  $typography-extra-small-text-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1298
1392
  $typography-extra-small-text-text-transform: null;
1393
+ $typography-extra-small-text-caps-font-size: 11px;
1394
+ $typography-extra-small-text-caps-line-height: 16px;
1395
+ $typography-extra-small-text-caps-letter-spacing: 1px;
1396
+ $typography-extra-small-text-caps-font-weight: normal;
1397
+ $typography-extra-small-text-caps-font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
1398
+ $typography-extra-small-text-caps-text-transform: uppercase;
1399
+ $typography-extra-small-text-mono-font-size: 11px;
1400
+ $typography-extra-small-text-mono-line-height: 16px;
1401
+ $typography-extra-small-text-mono-letter-spacing: 0px;
1402
+ $typography-extra-small-text-mono-font-weight: normal;
1403
+ $typography-extra-small-text-mono-font-family: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
1404
+ $typography-extra-small-text-mono-text-transform: null;
1299
1405
 
1300
1406
  $mosaic: (
1301
1407
  'typography': (
@@ -1418,6 +1524,22 @@ $mosaic: (
1418
1524
  'font-weight': $typography-extra-small-text-font-weight,
1419
1525
  'font-family': $typography-extra-small-text-font-family,
1420
1526
  'text-transform': $typography-extra-small-text-text-transform
1527
+ ),
1528
+ 'extra-small-text-caps': (
1529
+ 'font-size': $typography-extra-small-text-caps-font-size,
1530
+ 'line-height': $typography-extra-small-text-caps-line-height,
1531
+ 'letter-spacing': $typography-extra-small-text-caps-letter-spacing,
1532
+ 'font-weight': $typography-extra-small-text-caps-font-weight,
1533
+ 'font-family': $typography-extra-small-text-caps-font-family,
1534
+ 'text-transform': $typography-extra-small-text-caps-text-transform
1535
+ ),
1536
+ 'extra-small-text-mono': (
1537
+ 'font-size': $typography-extra-small-text-mono-font-size,
1538
+ 'line-height': $typography-extra-small-text-mono-line-height,
1539
+ 'letter-spacing': $typography-extra-small-text-mono-letter-spacing,
1540
+ 'font-weight': $typography-extra-small-text-mono-font-weight,
1541
+ 'font-family': $typography-extra-small-text-mono-font-family,
1542
+ 'text-transform': $typography-extra-small-text-mono-text-transform
1421
1543
  )
1422
1544
  )
1423
1545
  );
@@ -2085,6 +2085,7 @@
2085
2085
  this.disabled = isDisabled;
2086
2086
  };
2087
2087
  McDatepickerInput.prototype.onKeyDown = function (event) {
2088
+ var _a;
2088
2089
  if (this.isReadOnly) {
2089
2090
  return;
2090
2091
  }
@@ -2096,7 +2097,7 @@
2096
2097
  }
2097
2098
  else if (this.isKeyForOpen(event)) {
2098
2099
  event.preventDefault();
2099
- this.datepicker.open();
2100
+ (_a = this.datepicker) === null || _a === void 0 ? void 0 : _a.open();
2100
2101
  }
2101
2102
  else if (this.isKeyForClose(event)) {
2102
2103
  event.preventDefault();