@dialpad/dialtone-css 8.27.0 → 8.27.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/CHANGELOG.json +1 -1
- package/lib/build/less/components/chip.less +1 -0
- package/lib/build/less/components/item-layout.less +1 -0
- package/lib/build/less/components/root-layout.less +5 -1
- package/lib/dist/css/dialtone.css +8 -3
- package/lib/dist/css/dialtone.min.css +1 -1
- package/package.json +1 -1
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
transition-timing-function: var(--ttf-in-out);
|
|
42
42
|
transition-duration: var(--td200);
|
|
43
43
|
transition-property: background-color;
|
|
44
|
+
max-width: var(--dt-size-100-percent);
|
|
44
45
|
|
|
45
46
|
// Reserves space within the chip for the close button, since the close button is
|
|
46
47
|
// not nested within the chip. Only apply if close button exists (more than one child).
|
|
@@ -50,6 +50,10 @@
|
|
|
50
50
|
height: 100%;
|
|
51
51
|
overflow: hidden auto;
|
|
52
52
|
box-shadow: none;
|
|
53
|
+
|
|
54
|
+
&:focus-visible {
|
|
55
|
+
box-shadow: var(--dt-shadow-focus-inset);
|
|
56
|
+
}
|
|
53
57
|
}
|
|
54
58
|
|
|
55
59
|
&__content {
|
|
@@ -58,7 +62,7 @@
|
|
|
58
62
|
box-shadow: none;
|
|
59
63
|
|
|
60
64
|
&:focus-visible {
|
|
61
|
-
box-shadow:
|
|
65
|
+
box-shadow: var(--dt-shadow-focus-inset);
|
|
62
66
|
}
|
|
63
67
|
}
|
|
64
68
|
|
|
@@ -362,13 +362,16 @@ template {
|
|
|
362
362
|
overflow: hidden auto;
|
|
363
363
|
box-shadow: none;
|
|
364
364
|
}
|
|
365
|
+
.d-root-layout__sidebar:focus-visible {
|
|
366
|
+
box-shadow: var(--dt-shadow-focus-inset);
|
|
367
|
+
}
|
|
365
368
|
.d-root-layout__content {
|
|
366
369
|
grid-area: body;
|
|
367
370
|
overflow-y: auto;
|
|
368
371
|
box-shadow: none;
|
|
369
372
|
}
|
|
370
373
|
.d-root-layout__content:focus-visible {
|
|
371
|
-
box-shadow:
|
|
374
|
+
box-shadow: var(--dt-shadow-focus-inset);
|
|
372
375
|
}
|
|
373
376
|
.d-root-layout__footer {
|
|
374
377
|
grid-area: footer;
|
|
@@ -530,6 +533,7 @@ template {
|
|
|
530
533
|
}
|
|
531
534
|
.dt-item-layout > .dt-item-layout--right {
|
|
532
535
|
padding-left: var(--dt-space-400);
|
|
536
|
+
flex-shrink: 0;
|
|
533
537
|
}
|
|
534
538
|
.dt-item-layout > .dt-item-layout--left {
|
|
535
539
|
justify-content: flex-end;
|
|
@@ -1357,6 +1361,7 @@ template {
|
|
|
1357
1361
|
transition-timing-function: var(--ttf-in-out);
|
|
1358
1362
|
transition-duration: var(--td200);
|
|
1359
1363
|
transition-property: background-color;
|
|
1364
|
+
max-width: var(--dt-size-100-percent);
|
|
1360
1365
|
}
|
|
1361
1366
|
.d-chip__label:not(:only-child)::after {
|
|
1362
1367
|
flex-shrink: 0;
|
|
@@ -7459,7 +7464,7 @@ body {
|
|
|
7459
7464
|
}
|
|
7460
7465
|
/**
|
|
7461
7466
|
* Do not edit directly
|
|
7462
|
-
* Generated on Tue,
|
|
7467
|
+
* Generated on Tue, 05 Mar 2024 23:46:48 GMT
|
|
7463
7468
|
*/
|
|
7464
7469
|
|
|
7465
7470
|
.dialtone-theme-light {
|
|
@@ -8256,7 +8261,7 @@ body {
|
|
|
8256
8261
|
|
|
8257
8262
|
/**
|
|
8258
8263
|
* Do not edit directly
|
|
8259
|
-
* Generated on Tue,
|
|
8264
|
+
* Generated on Tue, 05 Mar 2024 23:46:49 GMT
|
|
8260
8265
|
*/
|
|
8261
8266
|
|
|
8262
8267
|
.dialtone-theme-dark {
|