@dialpad/dialtone 7.11.1 → 7.11.2

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.
@@ -14,18 +14,21 @@
14
14
  // - Content
15
15
  // - Header / Footer
16
16
 
17
-
18
- // $ POPOVER
17
+ // $ CSS CUSTOM PROPERTIES
19
18
  // ----------------------------------------------------------------------------
20
- .d-popover {
21
- // $ CSS CUSTOM PROPERTIES
22
- // ----------------------------------------------------------------------------
23
-
19
+ body {
24
20
  --popover-color-background: var(--black-100);
25
21
  --popover-border-width: var(--size-100); // 8
26
22
  --popover-border-radius: var(--size-400);
27
23
  --popover-color-shadow: hsla(var(--black-900-hsl) ~' / ' 10%);
24
+ --popover-color-border: var(--popover-color-shadow);
28
25
  --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
26
+ }
27
+
28
+ // $ POPOVER
29
+ // ----------------------------------------------------------------------------
30
+ .d-popover {
31
+
29
32
 
30
33
  // $ POPOVER DIALOG
31
34
  // ----------------------------------------------------------------------------
@@ -2501,11 +2501,12 @@ legend .d-label {
2501
2501
  --notice-color-background: var(--gold-200);
2502
2502
  --notice-color-text: var(--fc-primary);
2503
2503
  }
2504
- .d-popover {
2504
+ body {
2505
2505
  --popover-color-background: var(--black-100);
2506
2506
  --popover-border-width: var(--size-100);
2507
2507
  --popover-border-radius: var(--size-400);
2508
2508
  --popover-color-shadow: hsla(var(--black-900-hsl) / 10%);
2509
+ --popover-color-border: var(--popover-color-shadow);
2509
2510
  --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
2510
2511
  }
2511
2512
  .d-popover__dialog {
@@ -22329,13 +22330,6 @@ body.theme-dark {
22329
22330
  .sm\:d-t0 {
22330
22331
  top: 0 !important;
22331
22332
  }
22332
- .sm\:d-popover {
22333
- --popover-color-background: var(--black-100);
22334
- --popover-border-width: var(--size-100);
22335
- --popover-border-radius: var(--size-400);
22336
- --popover-color-shadow: hsla(var(--black-900-hsl) / 10%);
22337
- --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
22338
- }
22339
22333
  .sm\:d-popover__dialog {
22340
22334
  display: grid;
22341
22335
  grid-template-rows: 1fr;
@@ -24641,13 +24635,6 @@ body.theme-dark {
24641
24635
  .md\:d-t0 {
24642
24636
  top: 0 !important;
24643
24637
  }
24644
- .md\:d-popover {
24645
- --popover-color-background: var(--black-100);
24646
- --popover-border-width: var(--size-100);
24647
- --popover-border-radius: var(--size-400);
24648
- --popover-color-shadow: hsla(var(--black-900-hsl) / 10%);
24649
- --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
24650
- }
24651
24638
  .md\:d-popover__dialog {
24652
24639
  display: grid;
24653
24640
  grid-template-rows: 1fr;
@@ -26953,13 +26940,6 @@ body.theme-dark {
26953
26940
  .lg\:d-t0 {
26954
26941
  top: 0 !important;
26955
26942
  }
26956
- .lg\:d-popover {
26957
- --popover-color-background: var(--black-100);
26958
- --popover-border-width: var(--size-100);
26959
- --popover-border-radius: var(--size-400);
26960
- --popover-color-shadow: hsla(var(--black-900-hsl) / 10%);
26961
- --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
26962
- }
26963
26943
  .lg\:d-popover__dialog {
26964
26944
  display: grid;
26965
26945
  grid-template-rows: 1fr;
@@ -29265,13 +29245,6 @@ body.theme-dark {
29265
29245
  .xl\:d-t0 {
29266
29246
  top: 0 !important;
29267
29247
  }
29268
- .xl\:d-popover {
29269
- --popover-color-background: var(--black-100);
29270
- --popover-border-width: var(--size-100);
29271
- --popover-border-radius: var(--size-400);
29272
- --popover-color-shadow: hsla(var(--black-900-hsl) / 10%);
29273
- --popover-shadow: 0 0 0 1px var(--popover-color-shadow), var(--bs-card);
29274
- }
29275
29248
  .xl\:d-popover__dialog {
29276
29249
  display: grid;
29277
29250
  grid-template-rows: 1fr;