@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.
- package/_theming.scss +368 -61
- package/_visual.scss +130 -8
- package/bundles/ptsecurity-mosaic-datepicker.umd.js +2 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.min.js +1 -1
- package/bundles/ptsecurity-mosaic-datepicker.umd.min.js.map +1 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js +226 -15
- package/bundles/ptsecurity-mosaic-design-tokens.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js +1 -1
- package/bundles/ptsecurity-mosaic-design-tokens.umd.min.js.map +1 -1
- package/bundles/ptsecurity-mosaic-dropdown.umd.js +1 -1
- package/bundles/ptsecurity-mosaic-dropdown.umd.min.js +2 -2
- package/bundles/ptsecurity-mosaic-dropdown.umd.min.js.map +1 -1
- package/bundles/ptsecurity-mosaic-list.umd.js +10 -2
- package/bundles/ptsecurity-mosaic-list.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-list.umd.min.js +1 -1
- package/bundles/ptsecurity-mosaic-list.umd.min.js.map +1 -1
- package/bundles/ptsecurity-mosaic-navbar.umd.js +2 -2
- package/bundles/ptsecurity-mosaic-navbar.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-navbar.umd.min.js +2 -2
- package/bundles/ptsecurity-mosaic-navbar.umd.min.js.map +1 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.js +1 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.js.map +1 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.min.js +1 -1
- package/bundles/ptsecurity-mosaic-timepicker.umd.min.js.map +1 -1
- package/design-tokens/ptsecurity-mosaic-design-tokens.metadata.json +1 -1
- package/design-tokens/tokens/components/badge.json5 +177 -7
- package/design-tokens/tokens/components/tooltip.json5 +1 -1
- package/design-tokens/tokens/properties/typography.json5 +16 -0
- package/design-tokens/tokens.d.ts +114 -8
- package/dropdown/ptsecurity-mosaic-dropdown.metadata.json +1 -1
- package/esm2015/datepicker/datepicker-input.directive.js +3 -2
- package/esm2015/design-tokens/tokens.js +115 -10
- package/esm2015/dropdown/dropdown-item.component.js +1 -1
- package/esm2015/list/list-selection.component.js +11 -3
- package/esm2015/navbar/navbar.component.js +1 -1
- package/esm2015/navbar/vertical-navbar.component.js +2 -2
- package/esm2015/timepicker/timepicker.directive.js +3 -3
- package/fesm2015/ptsecurity-mosaic-datepicker.js +2 -1
- package/fesm2015/ptsecurity-mosaic-datepicker.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-design-tokens.js +115 -10
- package/fesm2015/ptsecurity-mosaic-design-tokens.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-dropdown.js +1 -1
- package/fesm2015/ptsecurity-mosaic-list.js +10 -2
- package/fesm2015/ptsecurity-mosaic-list.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-navbar.js +2 -2
- package/fesm2015/ptsecurity-mosaic-navbar.js.map +1 -1
- package/fesm2015/ptsecurity-mosaic-timepicker.js +2 -2
- package/fesm2015/ptsecurity-mosaic-timepicker.js.map +1 -1
- package/list/ptsecurity-mosaic-list.metadata.json +1 -1
- package/navbar/ptsecurity-mosaic-navbar.metadata.json +1 -1
- package/package.json +4 -4
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/default-theme.css +1 -1
- 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,
|
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:
|
221
|
-
$badge-size-border-width: 1px;
|
222
|
-
$badge-size-border-radius: 4px;
|
223
|
-
$badge-
|
224
|
-
$badge-font-
|
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:
|
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();
|