@dialpad/dialtone 7.24.0 → 7.25.0
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.
|
@@ -132,6 +132,12 @@
|
|
|
132
132
|
.d-bgc-moderate-opaque { background-color: var(--bgc-moderate-opaque); }
|
|
133
133
|
#d-internals #generate-hover-focus(d-bgc-moderate-opaque, {.d-bgc-moderate-opaque();});
|
|
134
134
|
|
|
135
|
+
.d-bgc-strong-opaque { background-color: var(--bgc-strong-opaque); }
|
|
136
|
+
#d-internals #generate-hover-focus(d-bgc-strong-opaque, {.d-bgc-strong-opaque();});
|
|
137
|
+
|
|
138
|
+
.d-bgc-contrast-opaque { background-color: var(--bgc-contrast-opaque); }
|
|
139
|
+
#d-internals #generate-hover-focus(d-bgc-contrast-opaque, {.d-bgc-contrast-opaque();});
|
|
140
|
+
|
|
135
141
|
.d-bgc-bold { &:extend(.d-bgc-black-300); }
|
|
136
142
|
#d-internals #generate-hover-focus(d-bgc-bold, {.d-bgc-bold();});
|
|
137
143
|
|
|
@@ -133,9 +133,11 @@
|
|
|
133
133
|
|
|
134
134
|
bgc-strong: var(--black-600);
|
|
135
135
|
bgc-strong-hsl: var(--black-600-hsl);
|
|
136
|
+
bgc-strong-opaque: hsla(var(--black-900-hsl) / 0.67);
|
|
136
137
|
|
|
137
138
|
bgc-contrast: var(--black-800);
|
|
138
139
|
bgc-contrast-hsl: var(--black-800-hsl);
|
|
140
|
+
bgc-contrast-opaque: hsla(var(--black-900-hsl) / 0.87);
|
|
139
141
|
}
|
|
140
142
|
|
|
141
143
|
// ============================================================================
|
|
@@ -270,6 +272,8 @@
|
|
|
270
272
|
bc-moderate: rgba(255, 255, 255, 0.4);
|
|
271
273
|
bc-bold: rgba(255, 255, 255, 0.6);
|
|
272
274
|
bgc-moderate-opaque: var(--bgc-moderate); // temp workaround
|
|
275
|
+
bgc-strong-opaque: var(--bgc-strong); // temp workaround
|
|
276
|
+
bgc-contrast-opaque: var(--bgc-contrast); // temp workaround
|
|
273
277
|
fc-critical: var(--red-400);
|
|
274
278
|
fc-warning: var(--gold-400);
|
|
275
279
|
}
|
|
@@ -13614,6 +13614,42 @@ body.theme-dark .d\:d-bgc-black-700 {
|
|
|
13614
13614
|
.fv\:d-bgc-moderate-opaque:focus-visible {
|
|
13615
13615
|
background-color: var(--bgc-moderate-opaque);
|
|
13616
13616
|
}
|
|
13617
|
+
.d-bgc-strong-opaque {
|
|
13618
|
+
background-color: var(--bgc-strong-opaque);
|
|
13619
|
+
}
|
|
13620
|
+
.h\:d-bgc-strong-opaque:hover {
|
|
13621
|
+
background-color: var(--bgc-strong-opaque);
|
|
13622
|
+
}
|
|
13623
|
+
.f\:d-bgc-strong-opaque:focus {
|
|
13624
|
+
background-color: var(--bgc-strong-opaque);
|
|
13625
|
+
}
|
|
13626
|
+
.f\:d-bgc-strong-opaque:focus-within {
|
|
13627
|
+
background-color: var(--bgc-strong-opaque);
|
|
13628
|
+
}
|
|
13629
|
+
.fv\:d-bgc-strong-opaque.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-strong-opaque.focus-visible {
|
|
13630
|
+
background-color: var(--bgc-strong-opaque);
|
|
13631
|
+
}
|
|
13632
|
+
.fv\:d-bgc-strong-opaque:focus-visible {
|
|
13633
|
+
background-color: var(--bgc-strong-opaque);
|
|
13634
|
+
}
|
|
13635
|
+
.d-bgc-contrast-opaque {
|
|
13636
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13637
|
+
}
|
|
13638
|
+
.h\:d-bgc-contrast-opaque:hover {
|
|
13639
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13640
|
+
}
|
|
13641
|
+
.f\:d-bgc-contrast-opaque:focus {
|
|
13642
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13643
|
+
}
|
|
13644
|
+
.f\:d-bgc-contrast-opaque:focus-within {
|
|
13645
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13646
|
+
}
|
|
13647
|
+
.fv\:d-bgc-contrast-opaque.focus-visible.js-focus-visible, .js-focus-visible .fv\:d-bgc-contrast-opaque.focus-visible {
|
|
13648
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13649
|
+
}
|
|
13650
|
+
.fv\:d-bgc-contrast-opaque:focus-visible {
|
|
13651
|
+
background-color: var(--bgc-contrast-opaque);
|
|
13652
|
+
}
|
|
13617
13653
|
.d-bgc-bold-opaque {
|
|
13618
13654
|
background-color: var(--bgc-bold-opaque);
|
|
13619
13655
|
}
|
|
@@ -22139,8 +22175,10 @@ body {
|
|
|
22139
22175
|
--bgc-bold-opaque: hsla(var(--black-900-hsl) / 0.18);
|
|
22140
22176
|
--bgc-strong: var(--black-600);
|
|
22141
22177
|
--bgc-strong-hsl: var(--black-600-hsl);
|
|
22178
|
+
--bgc-strong-opaque: hsla(var(--black-900-hsl) / 0.67);
|
|
22142
22179
|
--bgc-contrast: var(--black-800);
|
|
22143
22180
|
--bgc-contrast-hsl: var(--black-800-hsl);
|
|
22181
|
+
--bgc-contrast-opaque: hsla(var(--black-900-hsl) / 0.87);
|
|
22144
22182
|
--bc-subtle: rgba(0, 0, 0, 0.1);
|
|
22145
22183
|
--bc-default: rgba(0, 0, 0, 0.18);
|
|
22146
22184
|
--bc-moderate: rgba(0, 0, 0, 0.34);
|
|
@@ -22447,6 +22485,8 @@ body.theme-dark {
|
|
|
22447
22485
|
--bc-moderate: rgba(255, 255, 255, 0.4);
|
|
22448
22486
|
--bc-bold: rgba(255, 255, 255, 0.6);
|
|
22449
22487
|
--bgc-moderate-opaque: var(--bgc-moderate);
|
|
22488
|
+
--bgc-strong-opaque: var(--bgc-strong);
|
|
22489
|
+
--bgc-contrast-opaque: var(--bgc-contrast);
|
|
22450
22490
|
--fc-critical: var(--red-400);
|
|
22451
22491
|
--fc-warning: var(--gold-400);
|
|
22452
22492
|
}
|