@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
|
@@ -10686,7 +10686,7 @@ legend .d-label {
|
|
|
10686
10686
|
.d-emoji-picker__alignment {
|
|
10687
10687
|
box-sizing: content-box !important;
|
|
10688
10688
|
inline-size: auto;
|
|
10689
|
-
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-
|
|
10689
|
+
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-250));
|
|
10690
10690
|
margin: 0 var(--dt-spacing-200);
|
|
10691
10691
|
}
|
|
10692
10692
|
.d-emoji-picker--footer {
|
|
@@ -10705,6 +10705,7 @@ legend .d-label {
|
|
|
10705
10705
|
}
|
|
10706
10706
|
.d-emoji-picker__tabset-list {
|
|
10707
10707
|
gap: var(--dt-spacing-0);
|
|
10708
|
+
--tablist-padding-bottom: var(--dt-spacing-0);
|
|
10708
10709
|
}
|
|
10709
10710
|
.d-emoji-picker__tabset-list::after {
|
|
10710
10711
|
background-color: var(--dt-color-neutral-transparent) !important;
|
|
@@ -10759,7 +10760,7 @@ legend .d-label {
|
|
|
10759
10760
|
border-color: var(--dt-color-border-subtle);
|
|
10760
10761
|
}
|
|
10761
10762
|
.d-emoji-picker__selector {
|
|
10762
|
-
min-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-1));
|
|
10763
|
+
min-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-100) + var(--dt-spacing-1));
|
|
10763
10764
|
}
|
|
10764
10765
|
.d-emoji-picker__selector p {
|
|
10765
10766
|
-webkit-padding-after: var(--dt-spacing-50);
|
|
@@ -10779,7 +10780,7 @@ legend .d-label {
|
|
|
10779
10780
|
.d-emoji-picker__list {
|
|
10780
10781
|
position: relative;
|
|
10781
10782
|
block-size: 100%;
|
|
10782
|
-
max-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-1));
|
|
10783
|
+
max-block-size: calc(var(--dt-layout-450) + var(--dt-spacing-100) + var(--dt-spacing-1));
|
|
10783
10784
|
-webkit-padding-after: calc(var(--dt-spacing-50) + var(--dt-spacing-1));
|
|
10784
10785
|
padding-block-end: calc(var(--dt-spacing-50) + var(--dt-spacing-1));
|
|
10785
10786
|
overflow: hidden auto;
|
|
@@ -10801,7 +10802,7 @@ legend .d-label {
|
|
|
10801
10802
|
flex-wrap: wrap;
|
|
10802
10803
|
gap: var(--dt-spacing-25);
|
|
10803
10804
|
inline-size: calc(100% + calc(var(--dt-layout-25) - var(--dt-spacing-1)));
|
|
10804
|
-
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-
|
|
10805
|
+
max-inline-size: calc(var(--dt-layout-500) + var(--dt-spacing-250));
|
|
10805
10806
|
-webkit-margin-start: var(--dt-spacing-75-negative);
|
|
10806
10807
|
margin-inline-start: var(--dt-spacing-75-negative);
|
|
10807
10808
|
-webkit-padding-before: var(--dt-spacing-50);
|