@dialpad/dialtone-css 8.81.0-next.11 → 8.81.0-next.12
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/emoji-picker.less +12 -4
- package/lib/dist/dialtone-default-theme.css +5 -4
- package/lib/dist/dialtone-default-theme.min.css +1 -1
- package/lib/dist/dialtone-docs.json +1 -1
- package/lib/dist/dialtone.css +5 -4
- package/lib/dist/dialtone.min.css +1 -1
- package/lib/dist/no-layers/dialtone-default-theme.css +5 -4
- package/lib/dist/no-layers/dialtone-default-theme.min.css +1 -1
- package/lib/dist/no-layers/dialtone.css +5 -4
- package/lib/dist/no-layers/dialtone.min.css +1 -1
- package/package.json +1 -1
package/lib/dist/dialtone.css
CHANGED
|
@@ -10794,7 +10794,7 @@
|
|
|
10794
10794
|
.d-emoji-picker__alignment {
|
|
10795
10795
|
box-sizing: content-box !important;
|
|
10796
10796
|
inline-size: auto;
|
|
10797
|
-
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-
|
|
10797
|
+
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-250));
|
|
10798
10798
|
margin: 0 var(--dt-spacing-200);
|
|
10799
10799
|
}
|
|
10800
10800
|
.d-emoji-picker--footer {
|
|
@@ -10813,6 +10813,7 @@
|
|
|
10813
10813
|
}
|
|
10814
10814
|
.d-emoji-picker__tabset-list {
|
|
10815
10815
|
gap: var(--dt-spacing-0);
|
|
10816
|
+
--tablist-padding-bottom: var(--dt-spacing-0);
|
|
10816
10817
|
}
|
|
10817
10818
|
.d-emoji-picker__tabset-list::after {
|
|
10818
10819
|
background-color: var(--dt-color-neutral-transparent) !important;
|
|
@@ -10867,7 +10868,7 @@
|
|
|
10867
10868
|
border-color: var(--dt-color-border-subtle);
|
|
10868
10869
|
}
|
|
10869
10870
|
.d-emoji-picker__selector {
|
|
10870
|
-
min-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-1));
|
|
10871
|
+
min-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-100) + var(--dt-spacing-1));
|
|
10871
10872
|
}
|
|
10872
10873
|
.d-emoji-picker__selector p {
|
|
10873
10874
|
-webkit-padding-after: var(--dt-spacing-50);
|
|
@@ -10887,7 +10888,7 @@
|
|
|
10887
10888
|
.d-emoji-picker__list {
|
|
10888
10889
|
position: relative;
|
|
10889
10890
|
block-size: 100%;
|
|
10890
|
-
max-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-1));
|
|
10891
|
+
max-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-100) + var(--dt-spacing-1));
|
|
10891
10892
|
-webkit-padding-after: calc(var(--dt-spacing-50) + var(--dt-spacing-1));
|
|
10892
10893
|
padding-block-end: calc(var(--dt-spacing-50) + var(--dt-spacing-1));
|
|
10893
10894
|
overflow: hidden auto;
|
|
@@ -10909,7 +10910,7 @@
|
|
|
10909
10910
|
flex-wrap: wrap;
|
|
10910
10911
|
gap: var(--dt-spacing-25);
|
|
10911
10912
|
inline-size: calc(100% + calc(var(--dt-layout-25) - var(--dt-spacing-1)));
|
|
10912
|
-
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-
|
|
10913
|
+
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-250));
|
|
10913
10914
|
-webkit-margin-start: var(--dt-spacing-75-negative);
|
|
10914
10915
|
margin-inline-start: var(--dt-spacing-75-negative);
|
|
10915
10916
|
-webkit-padding-before: var(--dt-spacing-50);
|