@skyux/theme 12.28.0 → 12.28.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.
@@ -133,6 +133,7 @@
133
133
  --bb-font-size-400: 0.9375rem;
134
134
  --bb-font-size-500: 1.0625rem;
135
135
  --bb-font-size-600: 1.1875rem;
136
+ --bb-font-size-650: 1.3125rem;
136
137
  --bb-font-size-700: 1.5rem;
137
138
  --bb-font-size-800: 1.6875rem;
138
139
  --bb-font-style-italic-style: italic;
@@ -150,15 +151,16 @@
150
151
  --bb-font-weight-light: 300;
151
152
  --bb-font-weight-regular: 400;
152
153
  --bb-font-weight-semibold: 600;
153
- --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png");
154
+ --bb-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png");
154
155
  --bb-letter_spacing-normal: normal;
155
156
  --bb-letter_spacing-wider: 0.16px;
156
157
  --bb-line_height-300: calc(18/13);
157
158
  --bb-line_height-400: calc(20/15);
158
159
  --bb-line_height-500: calc(24/17);
159
160
  --bb-line_height-600: calc(28/19);
161
+ --bb-line_height-650: calc(28/21);
160
162
  --bb-line_height-700: calc(32/24);
161
- --bb-line_height-800: calc(36/26);
163
+ --bb-line_height-800: calc(36/27);
162
164
  --bb-opacity-600: .6;
163
165
  --bb-shadow-blue-0: 0 0 0 0 rgba(0, 0, 0, 0);
164
166
  --bb-size-0: 0rem;
@@ -268,11 +270,6 @@
268
270
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-700);
269
271
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
270
272
  --sky-color-background-action-tertiary-hover: var(--bb-color-transparent);
271
- --sky-color-background-action-toolbar-active: var(--bb-color-transparent);
272
- --sky-color-background-action-toolbar-base: var(--bb-color-transparent);
273
- --sky-color-background-action-toolbar-disabled: var(--bb-color-gray-700);
274
- --sky-color-background-action-toolbar-focus: var(--bb-color-transparent);
275
- --sky-color-background-action-toolbar-hover: var(--bb-color-transparent);
276
273
  --sky-color-background-blocking: var(--bb-color-blocking);
277
274
  --sky-color-background-container-base: var(--bb-color-gray-1000);
278
275
  --sky-color-background-container-danger: var(--bb-color-red-800);
@@ -288,17 +285,17 @@
288
285
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
289
286
  --sky-color-background-input-base: var(--bb-color-gray-900);
290
287
  --sky-color-background-input-disabled: var(--bb-color-gray-700);
291
- --sky-color-background-list-active: var(--bb-color-transparent);
292
- --sky-color-background-list-base: var(--bb-color-transparent);
293
- --sky-color-background-list-disabled: var(--bb-color-gray-50);
294
- --sky-color-background-list-focus: var(--bb-color-transparent);
295
- --sky-color-background-list-hover: var(--bb-color-transparent);
296
288
  --sky-color-background-nav-active: var(--bb-color-transparent);
297
289
  --sky-color-background-nav-base: var(--bb-color-transparent);
298
290
  --sky-color-background-nav-disabled: var(--bb-color-gray-50);
299
291
  --sky-color-background-nav-focus: var(--bb-color-transparent);
300
292
  --sky-color-background-nav-hover: var(--bb-color-transparent);
301
293
  --sky-color-background-page: var(--bb-color-gray-1100);
294
+ --sky-color-background-row-active: var(--bb-color-transparent);
295
+ --sky-color-background-row-base: var(--bb-color-gray-1000);
296
+ --sky-color-background-row-disabled: var(--bb-color-gray-50);
297
+ --sky-color-background-row-focus: var(--bb-color-transparent);
298
+ --sky-color-background-row-hover: var(--bb-color-transparent);
302
299
  --sky-color-background-scrim: var(--bb-color-scrim);
303
300
  --sky-color-background-selected-danger: var(--bb-color-red-900);
304
301
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
@@ -310,9 +307,10 @@
310
307
  --sky-color-background-tab-disabled: var(--bb-color-gray-700);
311
308
  --sky-color-background-tab-focus: var(--bb-color-transparent);
312
309
  --sky-color-background-tab-hover: var(--bb-color-transparent);
310
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
313
311
  --sky-color-background-text_highlight: var(--bb-color-yellow-800);
314
312
  --sky-color-background-thumb-base: var(--bb-color-white);
315
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
313
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-600);
316
314
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
317
315
  --sky-color-border-action-danger-active: var(--bb-color-red-200);
318
316
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -339,11 +337,6 @@
339
337
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-800);
340
338
  --sky-color-border-action-tertiary-focus: var(--bb-color-sky-600);
341
339
  --sky-color-border-action-tertiary-hover: var(--bb-color-sky-600);
342
- --sky-color-border-action-toolbar-active: var(--bb-color-sky-500);
343
- --sky-color-border-action-toolbar-base: var(--bb-color-transparent);
344
- --sky-color-border-action-toolbar-disabled: var(--bb-color-gray-800);
345
- --sky-color-border-action-toolbar-focus: var(--bb-color-sky-600);
346
- --sky-color-border-action-toolbar-hover: var(--bb-color-sky-600);
347
340
  --sky-color-border-column_divider: var(--bb-color-blue-400);
348
341
  --sky-color-border-container-base: var(--bb-color-blue-900);
349
342
  --sky-color-border-danger: var(--bb-color-red-400);
@@ -442,11 +435,6 @@
442
435
  --sky-color-background-action-tertiary-disabled: var(--bb-color-gray-50);
443
436
  --sky-color-background-action-tertiary-focus: var(--bb-color-transparent);
444
437
  --sky-color-background-action-tertiary-hover: var(--bb-color-blue-50);
445
- --sky-color-background-action-toolbar-active: var(--bb-color-blue-100);
446
- --sky-color-background-action-toolbar-base: var(--bb-color-white);
447
- --sky-color-background-action-toolbar-disabled: var(--bb-color-gray-50);
448
- --sky-color-background-action-toolbar-focus: var(--bb-color-white);
449
- --sky-color-background-action-toolbar-hover: var(--bb-color-blue-50);
450
438
  --sky-color-background-blocking: var(--bb-color-blocking);
451
439
  --sky-color-background-container-base: var(--bb-color-white);
452
440
  --sky-color-background-container-danger: var(--bb-color-red-300);
@@ -462,17 +450,17 @@
462
450
  --sky-color-background-icon_matte-warning: var(--bb-color-yellow-600);
463
451
  --sky-color-background-input-base: var(--bb-color-blue-25);
464
452
  --sky-color-background-input-disabled: var(--bb-color-gray-50);
465
- --sky-color-background-list-active: var(--bb-color-blue-100);
466
- --sky-color-background-list-base: var(--bb-color-transparent);
467
- --sky-color-background-list-disabled: var(--bb-color-gray-50);
468
- --sky-color-background-list-focus: var(--bb-color-transparent);
469
- --sky-color-background-list-hover: var(--bb-color-blue-50);
470
453
  --sky-color-background-nav-active: var(--bb-color-blue-100);
471
454
  --sky-color-background-nav-base: var(--bb-color-transparent);
472
455
  --sky-color-background-nav-disabled: var(--bb-color-gray-50);
473
456
  --sky-color-background-nav-focus: var(--bb-color-transparent);
474
457
  --sky-color-background-nav-hover: var(--bb-color-blue-50);
475
458
  --sky-color-background-page: var(--bb-color-slate-100);
459
+ --sky-color-background-row-active: var(--bb-color-blue-100);
460
+ --sky-color-background-row-base: var(--bb-color-white);
461
+ --sky-color-background-row-disabled: var(--bb-color-gray-50);
462
+ --sky-color-background-row-focus: var(--bb-color-transparent);
463
+ --sky-color-background-row-hover: var(--bb-color-blue-50);
476
464
  --sky-color-background-scrim: var(--bb-color-scrim);
477
465
  --sky-color-background-selected-danger: var(--bb-color-red-300);
478
466
  --sky-color-background-selected-heavy: var(--bb-color-blue-600);
@@ -484,9 +472,10 @@
484
472
  --sky-color-background-tab-disabled: var(--bb-color-gray-50);
485
473
  --sky-color-background-tab-focus: var(--bb-color-transparent);
486
474
  --sky-color-background-tab-hover: var(--bb-color-transparent);
475
+ --sky-color-background-tab-selected: var(--bb-color-transparent);
487
476
  --sky-color-background-text_highlight: var(--bb-color-yellow-400);
488
477
  --sky-color-background-thumb-base: var(--bb-color-white);
489
- --sky-color-background-thumb-disabled: var(--bb-color-gray-50);
478
+ --sky-color-background-thumb-disabled: var(--bb-color-gray-25);
490
479
  --sky-color-background-thumbnail_matte: var(--bb-color-white);
491
480
  --sky-color-border-action-danger-active: var(--bb-color-red-1000);
492
481
  --sky-color-border-action-danger-base: var(--bb-color-red-600);
@@ -513,11 +502,6 @@
513
502
  --sky-color-border-action-tertiary-disabled: var(--bb-color-gray-200);
514
503
  --sky-color-border-action-tertiary-focus: var(--bb-color-blue-600);
515
504
  --sky-color-border-action-tertiary-hover: var(--bb-color-blue-600);
516
- --sky-color-border-action-toolbar-active: var(--bb-color-blue-600);
517
- --sky-color-border-action-toolbar-base: var(--bb-color-blue-300);
518
- --sky-color-border-action-toolbar-disabled: var(--bb-color-gray-200);
519
- --sky-color-border-action-toolbar-focus: var(--bb-color-blue-600);
520
- --sky-color-border-action-toolbar-hover: var(--bb-color-blue-600);
521
505
  --sky-color-border-column_divider: var(--bb-color-blue-600);
522
506
  --sky-color-border-container-base: var(--bb-color-blue-200);
523
507
  --sky-color-border-danger: var(--bb-color-red-600);
@@ -1107,9 +1091,9 @@
1107
1091
  --sky-font-line_height-body-m: var(--bb-line_height-400);
1108
1092
  --sky-font-line_height-body-s: var(--bb-line_height-300);
1109
1093
  --sky-font-line_height-display-1: var(--bb-line_height-700);
1110
- --sky-font-line_height-display-2: var(--bb-line_height-600);
1111
- --sky-font-line_height-display-3: var(--bb-line_height-500);
1112
- --sky-font-line_height-display-4: var(--bb-line_height-400);
1094
+ --sky-font-line_height-display-2: var(--bb-line_height-650);
1095
+ --sky-font-line_height-display-3: var(--bb-line_height-600);
1096
+ --sky-font-line_height-display-4: var(--bb-line_height-500);
1113
1097
  --sky-font-line_height-heading-1: var(--bb-line_height-800);
1114
1098
  --sky-font-line_height-heading-2: var(--bb-line_height-600);
1115
1099
  --sky-font-line_height-heading-3: var(--bb-line_height-500);
@@ -1123,9 +1107,9 @@
1123
1107
  --sky-font-size-body-m: var(--bb-font-size-400);
1124
1108
  --sky-font-size-body-s: var(--bb-font-size-300);
1125
1109
  --sky-font-size-display-1: var(--bb-font-size-700);
1126
- --sky-font-size-display-2: var(--bb-font-size-600);
1127
- --sky-font-size-display-3: var(--bb-font-size-500);
1128
- --sky-font-size-display-4: var(--bb-font-size-400);
1110
+ --sky-font-size-display-2: var(--bb-font-size-650);
1111
+ --sky-font-size-display-3: var(--bb-font-size-600);
1112
+ --sky-font-size-display-4: var(--bb-font-size-500);
1129
1113
  --sky-font-size-heading-1: var(--bb-font-size-800);
1130
1114
  --sky-font-size-heading-2: var(--bb-font-size-600);
1131
1115
  --sky-font-size-heading-3: var(--bb-font-size-500);
@@ -1138,10 +1122,10 @@
1138
1122
  --sky-font-style-body-l: var(--bb-font-style-regular);
1139
1123
  --sky-font-style-body-m: var(--bb-font-style-regular);
1140
1124
  --sky-font-style-body-s: var(--bb-font-style-regular);
1141
- --sky-font-style-display-1: var(--bb-font-style-regular);
1142
- --sky-font-style-display-2: var(--bb-font-style-regular);
1143
- --sky-font-style-display-3: var(--bb-font-style-regular);
1144
- --sky-font-style-display-4: var(--bb-font-style-regular);
1125
+ --sky-font-style-display-1: var(--bb-font-style-semibold);
1126
+ --sky-font-style-display-2: var(--bb-font-style-semibold);
1127
+ --sky-font-style-display-3: var(--bb-font-style-semibold);
1128
+ --sky-font-style-display-4: var(--bb-font-style-semibold);
1145
1129
  --sky-font-style-emphasized: var(--bb-font-style-semibold);
1146
1130
  --sky-font-style-heading-1: var(--bb-font-style-regular);
1147
1131
  --sky-font-style-heading-2: var(--bb-font-style-semibold);
@@ -1152,8 +1136,8 @@
1152
1136
  --sky-font-weight-body-l: var(--bb-font-weight-regular);
1153
1137
  --sky-font-weight-body-m: var(--bb-font-weight-regular);
1154
1138
  --sky-font-weight-body-s: var(--bb-font-weight-semibold);
1155
- --sky-font-weight-display-1: var(--bb-font-weight-regular);
1156
- --sky-font-weight-display-2: var(--bb-font-weight-regular);
1139
+ --sky-font-weight-display-1: var(--bb-font-weight-semibold);
1140
+ --sky-font-weight-display-2: var(--bb-font-weight-semibold);
1157
1141
  --sky-font-weight-display-3: var(--bb-font-weight-semibold);
1158
1142
  --sky-font-weight-display-4: var(--bb-font-weight-semibold);
1159
1143
  --sky-font-weight-emphasized: var(--bb-font-weight-semibold);
@@ -1384,7 +1368,7 @@
1384
1368
  --modern-font-weight-light: 300;
1385
1369
  --modern-font-weight-regular: 400;
1386
1370
  --modern-font-weight-semibold: 600;
1387
- --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.3/assets/images/bb-logo.png");
1371
+ --modern-image-logo-primary-src: url("https://sky.blackbaudcdn.net/static/skyux-design-tokens/2.0.0-alpha.5/assets/images/bb-logo.png");
1388
1372
  --modern-letter_spacing-normal: normal;
1389
1373
  --modern-line_height-110: 1.1;
1390
1374
  --modern-line_height-115: 1.15;
@@ -1474,11 +1458,6 @@
1474
1458
  --sky-color-background-action-tertiary-disabled: var(--modern-color-gray-07);
1475
1459
  --sky-color-background-action-tertiary-focus: var(--modern-color-transparent);
1476
1460
  --sky-color-background-action-tertiary-hover: var(--modern-color-transparent);
1477
- --sky-color-background-action-toolbar-active: var(--modern-color-transparent);
1478
- --sky-color-background-action-toolbar-base: var(--modern-color-transparent);
1479
- --sky-color-background-action-toolbar-disabled: var(--modern-color-gray-07);
1480
- --sky-color-background-action-toolbar-focus: var(--modern-color-transparent);
1481
- --sky-color-background-action-toolbar-hover: var(--modern-color-transparent);
1482
1461
  --sky-color-background-blocking: var(--modern-color-blocking);
1483
1462
  --sky-color-background-container-base: var(--modern-color-white);
1484
1463
  --sky-color-background-container-danger: var(--modern-color-red-30);
@@ -1494,17 +1473,17 @@
1494
1473
  --sky-color-background-icon_matte-warning: var(--modern-color-yellow-50);
1495
1474
  --sky-color-background-input-base: var(--modern-color-transparent);
1496
1475
  --sky-color-background-input-disabled: var(--modern-color-gray-07);
1497
- --sky-color-background-list-active: var(--modern-color-transparent);
1498
- --sky-color-background-list-base: var(--modern-color-transparent);
1499
- --sky-color-background-list-disabled: var(--modern-color-gray-07);
1500
- --sky-color-background-list-focus: var(--modern-color-transparent);
1501
- --sky-color-background-list-hover: var(--modern-color-transparent);
1502
1476
  --sky-color-background-nav-active: var(--modern-color-transparent);
1503
1477
  --sky-color-background-nav-base: var(--modern-color-transparent);
1504
1478
  --sky-color-background-nav-disabled: var(--modern-color-gray-07);
1505
1479
  --sky-color-background-nav-focus: var(--modern-color-transparent);
1506
1480
  --sky-color-background-nav-hover: var(--modern-color-transparent);
1507
1481
  --sky-color-background-page: var(--modern-color-gray-005);
1482
+ --sky-color-background-row-active: var(--modern-color-transparent);
1483
+ --sky-color-background-row-base: var(--modern-color-transparent);
1484
+ --sky-color-background-row-disabled: var(--modern-color-gray-07);
1485
+ --sky-color-background-row-focus: var(--modern-color-transparent);
1486
+ --sky-color-background-row-hover: var(--modern-color-transparent);
1508
1487
  --sky-color-background-scrim: var(--modern-color-scrim);
1509
1488
  --sky-color-background-selected-danger: var(--modern-color-red-30);
1510
1489
  --sky-color-background-selected-heavy: var(--modern-color-blue-05);
@@ -1516,6 +1495,7 @@
1516
1495
  --sky-color-background-tab-disabled: var(--modern-color-transparent);
1517
1496
  --sky-color-background-tab-focus: var(--modern-color-transparent);
1518
1497
  --sky-color-background-tab-hover: var(--modern-color-transparent);
1498
+ --sky-color-background-tab-selected: var(--modern-color-transparent);
1519
1499
  --sky-color-background-text_highlight: var(--modern-color-yellow-40);
1520
1500
  --sky-color-background-thumb-base: var(--modern-color-white);
1521
1501
  --sky-color-background-thumb-disabled: var(--modern-color-gray-07);
@@ -1545,11 +1525,6 @@
1545
1525
  --sky-color-border-action-tertiary-disabled: var(--modern-color-gray-15);
1546
1526
  --sky-color-border-action-tertiary-focus: var(--modern-color-blue-74);
1547
1527
  --sky-color-border-action-tertiary-hover: var(--modern-color-blue-74);
1548
- --sky-color-border-action-toolbar-active: var(--modern-color-blue-74);
1549
- --sky-color-border-action-toolbar-base: var(--modern-color-transparent);
1550
- --sky-color-border-action-toolbar-disabled: var(--modern-color-gray-15);
1551
- --sky-color-border-action-toolbar-focus: var(--modern-color-blue-74);
1552
- --sky-color-border-action-toolbar-hover: var(--modern-color-blue-74);
1553
1528
  --sky-color-border-column_divider: var(--modern-color-gray-70);
1554
1529
  --sky-color-border-container-base: var(--modern-color-gray-15);
1555
1530
  --sky-color-border-danger: var(--modern-color-red-50);
@@ -2484,6 +2459,7 @@
2484
2459
  --sky-border-width-selected-s
2485
2460
  )
2486
2461
  );
2462
+ --sky-override-tab-selected-color: var(--sky-color-text-default);
2487
2463
  --sky-override-tab-selected-focus-color: var(--sky-color-text-default);
2488
2464
  --sky-override-tab-selected-focus-background-color: var(
2489
2465
  --sky-color-background-tab-focus
@@ -3029,18 +3005,22 @@
3029
3005
  }
3030
3006
  .sky-theme-modern .sky-btn-tab:focus-visible {
3031
3007
  background-color: var(--sky-color-background-tab-focus);
3032
- color: var(--sky-color-text-default);
3033
3008
  outline: none;
3034
3009
  }
3010
+ .sky-theme-modern .sky-btn-tab:focus-visible:not(.sky-btn-tab-selected) {
3011
+ color: var(--sky-color-text-default);
3012
+ }
3035
3013
  .sky-theme-modern .sky-btn-tab:focus-visible.sky-btn-tab-selected {
3036
3014
  background-color: var(--sky-override-tab-selected-focus-background-color, var(--sky-color-background-selected-soft));
3037
3015
  }
3038
3016
  .sky-theme-modern .sky-btn-tab:focus-visible:not(:active) {
3039
- color: var(--sky-color-text-default);
3040
3017
  outline: solid var(--sky-border-width-selected-m) var(--sky-color-border-tab-focus);
3041
3018
  outline-offset: calc(var(--sky-border-width-selected-m) * -1);
3042
3019
  box-shadow: var(--sky-override-tab-box-shadow-focus-elevation, none);
3043
3020
  }
3021
+ .sky-theme-modern .sky-btn-tab:focus-visible:not(:active):not(.sky-btn-tab-selected) {
3022
+ color: var(--sky-color-text-default);
3023
+ }
3044
3024
  .sky-theme-modern .sky-btn-tab:active, .sky-theme-modern .sky-btn-tab:active:hover:not(.sky-btn-tab-disabled):not(.sky-btn-tab-selected):not(:focus-visible) {
3045
3025
  color: var(--sky-color-text-default);
3046
3026
  background-color: var(--sky-color-background-tab-active);
@@ -3066,8 +3046,8 @@
3066
3046
  font-size: var(--sky-font-size-body-m);
3067
3047
  }
3068
3048
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) {
3069
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));
3070
- color: var(--sky-color-text-default);
3049
+ background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
3050
+ color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
3071
3051
  box-shadow: none;
3072
3052
  }
3073
3053
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):not(:active) {
@@ -3075,8 +3055,8 @@
3075
3055
  padding-bottom: calc(var(--sky-comp-tab-horizontal-space-inset-bottom) - var(--sky-override-tab-selected-border-bottom-size, var(--sky-border-width-selected-m)));
3076
3056
  }
3077
3057
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled):hover:not(.sky-btn-tab-disabled) {
3078
- background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-selected-soft));
3079
- color: var(--sky-color-text-default);
3058
+ background-color: var(--sky-override-tab-selected-background-color, var(--sky-color-background-tab-selected));
3059
+ color: var(--sky-override-tab-selected-color, var(--sky-color-text-selected));
3080
3060
  }
3081
3061
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-btn-tab-close,
3082
3062
  .sky-theme-modern .sky-btn-tab-selected:not(.sky-btn-tab-disabled) .sky-tab-header-count {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@skyux/theme",
3
- "version": "12.28.0",
3
+ "version": "12.28.1",
4
4
  "author": "Blackbaud, Inc.",
5
5
  "keywords": [
6
6
  "blackbaud",
@@ -20,7 +20,7 @@
20
20
  "@angular/core": "^19.2.14"
21
21
  },
22
22
  "dependencies": {
23
- "@blackbaud/skyux-design-tokens": "2.0.0-alpha.3",
23
+ "@blackbaud/skyux-design-tokens": "2.0.0-alpha.5",
24
24
  "@skyux/icons": "9.0.0",
25
25
  "fontfaceobserver": "2.3.0",
26
26
  "tslib": "^2.8.1"