@dialpad/dialtone-css 8.71.0 → 8.71.3
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/lib/build/less/components/banner.less +4 -1
- package/lib/build/less/components/card.less +2 -1
- package/lib/build/less/components/modal.less +5 -0
- package/lib/dist/dialtone-default-theme.css +8 -2
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone.css +8 -2
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/tokens/tokens-botany-dark.css +1 -1
- package/lib/dist/tokens/tokens-buttercream-dark.css +1 -1
- package/lib/dist/tokens/tokens-deca-light.css +3 -3
- package/lib/dist/tokens/tokens-dp-dark.css +1 -1
- package/lib/dist/tokens/tokens-expressive-dark.css +1 -1
- package/lib/dist/tokens/tokens-expressive-sm-dark.css +1 -1
- package/lib/dist/tokens/tokens-high-desert-dark.css +1 -1
- package/lib/dist/tokens/tokens-plum-dark.css +1 -1
- package/lib/dist/tokens/tokens-sunflower-dark.css +1 -1
- package/lib/dist/tokens/tokens-tmo-dark.css +2 -2
- package/package.json +8 -3
|
@@ -55,7 +55,6 @@
|
|
|
55
55
|
display: flex;
|
|
56
56
|
align-items: center;
|
|
57
57
|
width: 100%;
|
|
58
|
-
max-width: 128rem;
|
|
59
58
|
min-height: 100%;
|
|
60
59
|
margin: 0 auto;
|
|
61
60
|
padding: var(--banner-dialog-padding-y) var(--banner-dialog-padding-x);
|
|
@@ -65,6 +64,10 @@
|
|
|
65
64
|
gap: var(--dt-space-300);
|
|
66
65
|
align-items: baseline;
|
|
67
66
|
}
|
|
67
|
+
|
|
68
|
+
.d-notice__message {
|
|
69
|
+
font-size: var(--dt-font-size-200) !important;
|
|
70
|
+
}
|
|
68
71
|
}
|
|
69
72
|
|
|
70
73
|
// ============================================================================
|
|
@@ -22,7 +22,8 @@
|
|
|
22
22
|
flex-direction: column;
|
|
23
23
|
justify-content: center;
|
|
24
24
|
background: var(--dt-color-surface-primary);
|
|
25
|
-
border
|
|
25
|
+
border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
|
|
26
|
+
border-radius: var(--dt-size-radius-300);
|
|
26
27
|
box-shadow: var(--dt-shadow-card);
|
|
27
28
|
}
|
|
28
29
|
|
|
@@ -91,6 +91,11 @@
|
|
|
91
91
|
visibility: hidden;
|
|
92
92
|
opacity: 0;
|
|
93
93
|
will-change: visibility, z-index, opacity, transform;
|
|
94
|
+
|
|
95
|
+
// unique non-compliant case where a modal is nested within another
|
|
96
|
+
&:has(.d-modal) {
|
|
97
|
+
background-clip: padding-box;
|
|
98
|
+
}
|
|
94
99
|
}
|
|
95
100
|
|
|
96
101
|
// $$ MAKE THEM APPEAR
|
|
@@ -2202,7 +2202,8 @@ template {
|
|
|
2202
2202
|
flex-direction: column;
|
|
2203
2203
|
justify-content: center;
|
|
2204
2204
|
background: var(--dt-color-surface-primary);
|
|
2205
|
-
border
|
|
2205
|
+
border: var(--dt-size-border-100) solid var(--dt-color-border-subtle);
|
|
2206
|
+
border-radius: var(--dt-size-radius-300);
|
|
2206
2207
|
box-shadow: var(--dt-shadow-card);
|
|
2207
2208
|
}
|
|
2208
2209
|
.d-card__header {
|
|
@@ -3610,6 +3611,9 @@ legend .d-label--md {
|
|
|
3610
3611
|
opacity: 0;
|
|
3611
3612
|
will-change: visibility, z-index, opacity, transform;
|
|
3612
3613
|
}
|
|
3614
|
+
.d-modal__dialog:has(.d-modal) {
|
|
3615
|
+
background-clip: padding-box;
|
|
3616
|
+
}
|
|
3613
3617
|
.d-modal[aria-hidden='false'],
|
|
3614
3618
|
.d-modal[aria-hidden='false'] .d-modal__dialog,
|
|
3615
3619
|
.d-modal--transparent[aria-hidden='false'],
|
|
@@ -4127,7 +4131,6 @@ legend .d-label--md {
|
|
|
4127
4131
|
display: flex;
|
|
4128
4132
|
align-items: center;
|
|
4129
4133
|
width: 100%;
|
|
4130
|
-
max-width: 128rem;
|
|
4131
4134
|
min-height: 100%;
|
|
4132
4135
|
margin: 0 auto;
|
|
4133
4136
|
padding: var(--banner-dialog-padding-y) var(--banner-dialog-padding-x);
|
|
@@ -4137,6 +4140,9 @@ legend .d-label--md {
|
|
|
4137
4140
|
gap: var(--dt-space-300);
|
|
4138
4141
|
align-items: baseline;
|
|
4139
4142
|
}
|
|
4143
|
+
.d-banner__dialog .d-notice__message {
|
|
4144
|
+
font-size: var(--dt-font-size-200) !important;
|
|
4145
|
+
}
|
|
4140
4146
|
.d-banner.d-banner--important {
|
|
4141
4147
|
--banner-color-border: transparent;
|
|
4142
4148
|
}
|