@dialpad/dialtone 6.15.0-beta.3 → 6.15.0-beta.4
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.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [6.15.0-beta.4](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.3...v6.15.0-beta.4) (2022-02-15)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* popover css and documentation ([#540](https://github.com/dialpad/dialtone/issues/540)) ([2c4dc58](https://github.com/dialpad/dialtone/commit/2c4dc58404944036693816c23b69b0453f38399f))
|
|
7
|
+
|
|
1
8
|
# [6.15.0-beta.3](https://github.com/dialpad/dialtone/compare/v6.15.0-beta.2...v6.15.0-beta.3) (2022-02-01)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
//
|
|
2
|
+
// DIALTONE
|
|
3
|
+
// COMPONENTS: POPOVER
|
|
4
|
+
//
|
|
5
|
+
// These are popover classes for Dialpad's design system Dialtone.
|
|
6
|
+
// For further documentation of these and other classes,
|
|
7
|
+
// visit https://dialpad.design/components/popover
|
|
8
|
+
//
|
|
9
|
+
// TABLE OF CONTENTS
|
|
10
|
+
// • POPOVER
|
|
11
|
+
// • POPOVER DIALOG
|
|
12
|
+
// - Base dialog style
|
|
13
|
+
// - Content
|
|
14
|
+
// - Header / Footer
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
// $ POPOVER
|
|
18
|
+
// ----------------------------------------------------------------------------
|
|
19
|
+
|
|
20
|
+
// $ POPOVER DIALOG
|
|
21
|
+
// ----------------------------------------------------------------------------
|
|
1
22
|
.d-popover__dialog {
|
|
2
23
|
&,
|
|
3
24
|
*,
|
|
@@ -6,7 +27,6 @@
|
|
|
6
27
|
box-sizing: border-box;
|
|
7
28
|
}
|
|
8
29
|
|
|
9
|
-
z-index: var(--zi-popover);
|
|
10
30
|
display: grid;
|
|
11
31
|
grid-template-rows: auto 1fr;
|
|
12
32
|
overflow: auto;
|
|
@@ -16,10 +36,14 @@
|
|
|
16
36
|
box-shadow: var(--bs-card);
|
|
17
37
|
}
|
|
18
38
|
|
|
39
|
+
// $$ DIALOG CONTENT
|
|
40
|
+
// ----------------------------------------------------------------------------
|
|
19
41
|
.d-popover__content {
|
|
20
42
|
overflow: auto;
|
|
21
43
|
}
|
|
22
44
|
|
|
45
|
+
// $$ DIALOG HEADER / FOOTER
|
|
46
|
+
// ----------------------------------------------------------------------------
|
|
23
47
|
.d-popover__header-footer-base {
|
|
24
48
|
display: flex;
|
|
25
49
|
align-items: center;
|
|
@@ -43,8 +67,3 @@
|
|
|
43
67
|
|
|
44
68
|
border-top: var(--su1) solid var(--black-075);
|
|
45
69
|
}
|
|
46
|
-
|
|
47
|
-
//When modal overlay is displayed, put the popover anchor on top of it.
|
|
48
|
-
.d-modal[aria-hidden='false'] + .d-popover * {
|
|
49
|
-
z-index: var(--zi-modal-element);
|
|
50
|
-
}
|
|
@@ -1939,7 +1939,6 @@ legend .d-label {
|
|
|
1939
1939
|
--notice--fc: var(--fc-dark);
|
|
1940
1940
|
}
|
|
1941
1941
|
.d-popover__dialog {
|
|
1942
|
-
z-index: var(--zi-popover);
|
|
1943
1942
|
display: grid;
|
|
1944
1943
|
grid-template-rows: auto 1fr;
|
|
1945
1944
|
overflow: auto;
|
|
@@ -1992,9 +1991,6 @@ legend .d-label {
|
|
|
1992
1991
|
font-size: var(--fs16);
|
|
1993
1992
|
border-top: var(--su1) solid var(--black-075);
|
|
1994
1993
|
}
|
|
1995
|
-
.d-modal[aria-hidden='false'] + .d-popover * {
|
|
1996
|
-
z-index: var(--zi-modal-element);
|
|
1997
|
-
}
|
|
1998
1994
|
.d-checkbox,
|
|
1999
1995
|
.d-radio {
|
|
2000
1996
|
--check-radio--color: var(--primary-color);
|
|
@@ -20130,9 +20126,6 @@ body.theme-dark {
|
|
|
20130
20126
|
.sm\:d-modal__dialog--animate-out {
|
|
20131
20127
|
transition: none !important;
|
|
20132
20128
|
}
|
|
20133
|
-
.sm\:d-modal[aria-hidden='false'] + .d-popover * {
|
|
20134
|
-
z-index: var(--zi-modal-element);
|
|
20135
|
-
}
|
|
20136
20129
|
.sm\:d-m0 {
|
|
20137
20130
|
margin: 0 !important;
|
|
20138
20131
|
}
|
|
@@ -21245,9 +21238,6 @@ body.theme-dark {
|
|
|
21245
21238
|
.md\:d-modal__dialog--animate-out {
|
|
21246
21239
|
transition: none !important;
|
|
21247
21240
|
}
|
|
21248
|
-
.md\:d-modal[aria-hidden='false'] + .d-popover * {
|
|
21249
|
-
z-index: var(--zi-modal-element);
|
|
21250
|
-
}
|
|
21251
21241
|
.md\:d-m0 {
|
|
21252
21242
|
margin: 0 !important;
|
|
21253
21243
|
}
|
|
@@ -22360,9 +22350,6 @@ body.theme-dark {
|
|
|
22360
22350
|
.lg\:d-modal__dialog--animate-out {
|
|
22361
22351
|
transition: none !important;
|
|
22362
22352
|
}
|
|
22363
|
-
.lg\:d-modal[aria-hidden='false'] + .d-popover * {
|
|
22364
|
-
z-index: var(--zi-modal-element);
|
|
22365
|
-
}
|
|
22366
22353
|
.lg\:d-m0 {
|
|
22367
22354
|
margin: 0 !important;
|
|
22368
22355
|
}
|
|
@@ -23475,9 +23462,6 @@ body.theme-dark {
|
|
|
23475
23462
|
.xl\:d-modal__dialog--animate-out {
|
|
23476
23463
|
transition: none !important;
|
|
23477
23464
|
}
|
|
23478
|
-
.xl\:d-modal[aria-hidden='false'] + .d-popover * {
|
|
23479
|
-
z-index: var(--zi-modal-element);
|
|
23480
|
-
}
|
|
23481
23465
|
.xl\:d-m0 {
|
|
23482
23466
|
margin: 0 !important;
|
|
23483
23467
|
}
|