@dialpad/dialtone 9.70.0-beta.2 → 9.70.1
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/dist/tokens/doc.json +14954 -14954
- package/dist/vue3/component-documentation.json +1 -1
- package/dist/vue3/dialtone-vue.cjs +1 -1
- package/dist/vue3/dialtone-vue.js +1 -1
- package/dist/vue3/lib/avatar.cjs +45 -31
- package/dist/vue3/lib/avatar.cjs.map +1 -1
- package/dist/vue3/lib/avatar.js +47 -33
- package/dist/vue3/lib/avatar.js.map +1 -1
- package/dist/vue3/lib/callbox.cjs +6 -14
- package/dist/vue3/lib/callbox.cjs.map +1 -1
- package/dist/vue3/lib/callbox.js +7 -15
- package/dist/vue3/lib/callbox.js.map +1 -1
- package/dist/vue3/lib/contact-info.cjs +10 -28
- package/dist/vue3/lib/contact-info.cjs.map +1 -1
- package/dist/vue3/lib/contact-info.js +11 -29
- package/dist/vue3/lib/contact-info.js.map +1 -1
- package/dist/vue3/lib/contact-row.cjs +9 -14
- package/dist/vue3/lib/contact-row.cjs.map +1 -1
- package/dist/vue3/lib/contact-row.js +10 -15
- package/dist/vue3/lib/contact-row.js.map +1 -1
- package/dist/vue3/lib/feed-item-row.cjs +10 -16
- package/dist/vue3/lib/feed-item-row.cjs.map +1 -1
- package/dist/vue3/lib/feed-item-row.js +11 -17
- package/dist/vue3/lib/feed-item-row.js.map +1 -1
- package/dist/vue3/style.css +49 -49
- package/dist/vue3/types/common/storybook_utils.d.ts +25 -0
- package/dist/vue3/types/common/storybook_utils.d.ts.map +1 -0
- package/dist/vue3/types/components/avatar/avatar.vue.d.ts +34 -6
- package/dist/vue3/types/components/avatar/avatar.vue.d.ts.map +1 -1
- package/dist/vue3/types/components/chip/chip.vue.d.ts +1 -1
- package/dist/vue3/types/components/collapsible/collapsible.vue.d.ts +1 -1
- package/dist/vue3/types/components/split_button/split_button-omega.vue.d.ts +1 -1
- package/dist/vue3/types/recipes/buttons/callbar_button/callbar_button.vue.d.ts +1 -1
- package/dist/vue3/types/recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue.d.ts +1 -1
- package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts +1 -0
- package/dist/vue3/types/recipes/conversation_view/feed_item_row/feed_item_row.vue.d.ts.map +1 -1
- package/dist/vue3/types/recipes/item_layout/contact_info/contact_info.vue.d.ts +3 -3
- package/dist/vue3/types/recipes/leftbar/callbox/callbox.vue.d.ts.map +1 -1
- package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts +1 -0
- package/dist/vue3/types/recipes/leftbar/contact_row/contact_row.vue.d.ts.map +1 -1
- package/dist/vue3/types/recipes/leftbar/general_row/general_row.vue.d.ts +1 -1
- package/package.json +1 -1
package/dist/vue3/style.css
CHANGED
|
@@ -1575,51 +1575,51 @@ body > .os-scrollbar {
|
|
|
1575
1575
|
opacity: 0.9;
|
|
1576
1576
|
}
|
|
1577
1577
|
}
|
|
1578
|
-
.dt-recipe-callbox[data-v-
|
|
1578
|
+
.dt-recipe-callbox[data-v-ef08f46e] {
|
|
1579
1579
|
padding: 0;
|
|
1580
1580
|
color: var(--dt-color-foreground-primary);
|
|
1581
1581
|
background-color: var(--dt-color-surface-primary);
|
|
1582
1582
|
border-radius: var(--dt-size-radius-300);
|
|
1583
1583
|
}
|
|
1584
|
-
.dt-recipe-callbox--video[data-v-
|
|
1584
|
+
.dt-recipe-callbox--video[data-v-ef08f46e] {
|
|
1585
1585
|
display: flex;
|
|
1586
1586
|
border-radius: var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;
|
|
1587
1587
|
overflow: clip;
|
|
1588
1588
|
margin-bottom: var(--dt-space-300-negative);
|
|
1589
1589
|
}
|
|
1590
|
-
.dt-recipe-callbox--main-content[data-v-
|
|
1590
|
+
.dt-recipe-callbox--main-content[data-v-ef08f46e] {
|
|
1591
1591
|
padding: 0;
|
|
1592
1592
|
border-radius: var(--dt-size-radius-300);
|
|
1593
1593
|
border: var(--dt-size-border-100) solid transparent;
|
|
1594
1594
|
align-items: stretch;
|
|
1595
1595
|
}
|
|
1596
|
-
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-
|
|
1596
|
+
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-ef08f46e] {
|
|
1597
1597
|
border-color: var(--dt-color-border-default);
|
|
1598
1598
|
}
|
|
1599
|
-
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-
|
|
1599
|
+
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e] {
|
|
1600
1600
|
background: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, linear-gradient(135deg, var(--dt-color-border-accent), var(--dt-color-border-brand)) border-box;
|
|
1601
1601
|
}
|
|
1602
|
-
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-
|
|
1602
|
+
.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-ef08f46e] {
|
|
1603
1603
|
background: radial-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)) padding-box, radial-gradient(circle, #E7301D, #F78B23) border-box;
|
|
1604
1604
|
}
|
|
1605
|
-
.dt-recipe-callbox--main-content-top[data-v-
|
|
1605
|
+
.dt-recipe-callbox--main-content-top[data-v-ef08f46e] {
|
|
1606
1606
|
display: flex;
|
|
1607
1607
|
align-items: center;
|
|
1608
1608
|
padding: var(--dt-space-350) var(--dt-space-400);
|
|
1609
1609
|
}
|
|
1610
|
-
.dt-recipe-callbox--main-content-bottom[data-v-
|
|
1610
|
+
.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e] {
|
|
1611
1611
|
border-top: 1px solid var(--dt-color-border-subtle);
|
|
1612
1612
|
}
|
|
1613
|
-
.dt-recipe-callbox--avatar[data-v-
|
|
1613
|
+
.dt-recipe-callbox--avatar[data-v-ef08f46e] {
|
|
1614
1614
|
margin-right: var(--dt-space-400);
|
|
1615
1615
|
}
|
|
1616
|
-
.dt-recipe-callbox--content[data-v-
|
|
1616
|
+
.dt-recipe-callbox--content[data-v-ef08f46e] {
|
|
1617
1617
|
display: flex;
|
|
1618
1618
|
flex-direction: column;
|
|
1619
1619
|
flex: 1 0 auto;
|
|
1620
1620
|
min-width: 0;
|
|
1621
1621
|
}
|
|
1622
|
-
.dt-recipe-callbox--content-title[data-v-
|
|
1622
|
+
.dt-recipe-callbox--content-title[data-v-ef08f46e] {
|
|
1623
1623
|
overflow: clip;
|
|
1624
1624
|
white-space: nowrap;
|
|
1625
1625
|
text-overflow: ellipsis;
|
|
@@ -1634,10 +1634,10 @@ body > .os-scrollbar {
|
|
|
1634
1634
|
user-select: text;
|
|
1635
1635
|
line-height: normal;
|
|
1636
1636
|
}
|
|
1637
|
-
.dt-recipe-callbox--content-badge[data-v-
|
|
1637
|
+
.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
|
|
1638
1638
|
line-height: normal;
|
|
1639
1639
|
}
|
|
1640
|
-
.dt-recipe-callbox--content-subtitle[data-v-
|
|
1640
|
+
.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
|
|
1641
1641
|
padding: 0;
|
|
1642
1642
|
font-size: var(--dt-font-size-100);
|
|
1643
1643
|
color: var(--dt-color-foreground-tertiary);
|
|
@@ -1646,40 +1646,40 @@ body > .os-scrollbar {
|
|
|
1646
1646
|
width: 0;
|
|
1647
1647
|
min-width: 100%;
|
|
1648
1648
|
}
|
|
1649
|
-
.dt-recipe-callbox--right[data-v-
|
|
1649
|
+
.dt-recipe-callbox--right[data-v-ef08f46e] {
|
|
1650
1650
|
display: flex;
|
|
1651
1651
|
justify-content: right;
|
|
1652
1652
|
}
|
|
1653
|
-
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-
|
|
1653
|
+
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e] {
|
|
1654
1654
|
cursor: pointer;
|
|
1655
1655
|
user-select: none;
|
|
1656
1656
|
border-radius: var(--dt-size-100);
|
|
1657
1657
|
}
|
|
1658
|
-
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-
|
|
1658
|
+
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:focus-visible {
|
|
1659
1659
|
outline: none;
|
|
1660
1660
|
box-shadow: var(--dt-shadow-focus);
|
|
1661
1661
|
}
|
|
1662
|
-
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-
|
|
1663
|
-
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-
|
|
1662
|
+
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,
|
|
1663
|
+
.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active {
|
|
1664
1664
|
text-decoration: underline;
|
|
1665
1665
|
}
|
|
1666
|
-
.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-
|
|
1666
|
+
.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
|
|
1667
1667
|
background-color: var(--dt-color-surface-warning);
|
|
1668
1668
|
}
|
|
1669
|
-
.dt-contact-info[data-v-
|
|
1669
|
+
.dt-contact-info[data-v-7b60b2d6] {
|
|
1670
1670
|
--contact-info-avatar-border-color: var(--dt-color-surface-primary);
|
|
1671
1671
|
display: flex;
|
|
1672
1672
|
}
|
|
1673
|
-
.dt-contact-info[data-v-
|
|
1673
|
+
.dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
|
|
1674
1674
|
flex: 1 1 0;
|
|
1675
1675
|
}
|
|
1676
|
-
.dt-contact-info[data-v-
|
|
1676
|
+
.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
|
|
1677
1677
|
/*
|
|
1678
1678
|
DP-74536: Add `min-width` to make the width of "contact info" adjustable.
|
|
1679
1679
|
*/
|
|
1680
1680
|
min-width: var(--dt-space-825);
|
|
1681
1681
|
}
|
|
1682
|
-
.dt-contact-info[data-v-
|
|
1682
|
+
.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
|
|
1683
1683
|
/*
|
|
1684
1684
|
DP-74536: To make 'Avatar' in fixed position when resizing the window.
|
|
1685
1685
|
*/
|
|
@@ -1687,26 +1687,26 @@ body > .os-scrollbar {
|
|
|
1687
1687
|
justify-content: flex-start;
|
|
1688
1688
|
align-items: center;
|
|
1689
1689
|
}
|
|
1690
|
-
.dt-contact-info[data-v-
|
|
1690
|
+
.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
|
|
1691
1691
|
/*
|
|
1692
1692
|
DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
|
|
1693
1693
|
*/
|
|
1694
1694
|
min-width: 0;
|
|
1695
1695
|
align-items: center;
|
|
1696
1696
|
}
|
|
1697
|
-
.dt-contact-info__left[data-v-
|
|
1697
|
+
.dt-contact-info__left[data-v-7b60b2d6] {
|
|
1698
1698
|
position: relative;
|
|
1699
1699
|
background-color: transparent;
|
|
1700
1700
|
background-image: none;
|
|
1701
1701
|
border-width: 0;
|
|
1702
1702
|
cursor: pointer;
|
|
1703
1703
|
}
|
|
1704
|
-
.dt-contact-info--avatars[data-v-
|
|
1704
|
+
.dt-contact-info--avatars[data-v-7b60b2d6] {
|
|
1705
1705
|
margin-right: var(--dt-space-300-negative);
|
|
1706
1706
|
display: flex;
|
|
1707
1707
|
flex-direction: row;
|
|
1708
1708
|
}
|
|
1709
|
-
.dt-contact-info--avatars .d-avatar[data-v-
|
|
1709
|
+
.dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
|
|
1710
1710
|
border-radius: var(--dt-size-radius-pill);
|
|
1711
1711
|
border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
|
|
1712
1712
|
box-sizing: unset;
|
|
@@ -1880,42 +1880,42 @@ body > .os-scrollbar {
|
|
|
1880
1880
|
transform: scale(1);
|
|
1881
1881
|
}
|
|
1882
1882
|
}
|
|
1883
|
-
.dt-feed-item-row[data-v-
|
|
1883
|
+
.dt-feed-item-row[data-v-418199f0] {
|
|
1884
1884
|
width: var(--dt-size-100-percent);
|
|
1885
1885
|
box-sizing: border-box;
|
|
1886
1886
|
position: relative;
|
|
1887
1887
|
padding: var(--dt-space-300) var(--dt-space-500);
|
|
1888
1888
|
}
|
|
1889
|
-
.dt-feed-item-row[data-v-
|
|
1889
|
+
.dt-feed-item-row[data-v-418199f0]:focus-visible {
|
|
1890
1890
|
box-shadow: var(--dt-shadow-focus-inset);
|
|
1891
1891
|
}
|
|
1892
|
-
.dt-feed-item-row--state-searched[data-v-
|
|
1892
|
+
.dt-feed-item-row--state-searched[data-v-418199f0] {
|
|
1893
1893
|
background-color: var(--dt-color-surface-warning-subtle);
|
|
1894
1894
|
}
|
|
1895
|
-
.dt-feed-item-row--state-error[data-v-
|
|
1895
|
+
.dt-feed-item-row--state-error[data-v-418199f0] {
|
|
1896
1896
|
background-color: var(--dt-color-surface-critical-subtle);
|
|
1897
1897
|
}
|
|
1898
|
-
.dt-feed-item-row--active[data-v-
|
|
1898
|
+
.dt-feed-item-row--active[data-v-418199f0] {
|
|
1899
1899
|
background-color: var(--dt-color-surface-secondary-opaque);
|
|
1900
1900
|
}
|
|
1901
|
-
.dt-feed-item-row--state-transition[data-v-
|
|
1901
|
+
.dt-feed-item-row--state-transition[data-v-418199f0] {
|
|
1902
1902
|
transition-duration: 2s;
|
|
1903
1903
|
transition-delay: 0s;
|
|
1904
1904
|
transition-timing-function: var(--ttf-in-out);
|
|
1905
1905
|
transition-property: background-color;
|
|
1906
1906
|
}
|
|
1907
|
-
.dt-feed-item-row__avatar-container[data-v-
|
|
1907
|
+
.dt-feed-item-row__avatar-container[data-v-418199f0] {
|
|
1908
1908
|
padding-top: var(--dt-space-300);
|
|
1909
1909
|
padding-bottom: var(--dt-space-300);
|
|
1910
1910
|
}
|
|
1911
|
-
.dt-feed-item-row__content[data-v-
|
|
1911
|
+
.dt-feed-item-row__content[data-v-418199f0] {
|
|
1912
1912
|
padding-left: var(--dt-space-300);
|
|
1913
1913
|
}
|
|
1914
|
-
.dt-feed-item-row__attachment[data-v-
|
|
1914
|
+
.dt-feed-item-row__attachment[data-v-418199f0] {
|
|
1915
1915
|
padding-top: var(--dt-space-200);
|
|
1916
1916
|
padding-bottom: var(--dt-space-300);
|
|
1917
1917
|
}
|
|
1918
|
-
.dt-feed-item-row__attachment[data-v-
|
|
1918
|
+
.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__image {
|
|
1919
1919
|
border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
|
|
1920
1920
|
border-radius: var(--dt-size-radius-400);
|
|
1921
1921
|
display: block;
|
|
@@ -1924,11 +1924,11 @@ body > .os-scrollbar {
|
|
|
1924
1924
|
min-width: 5.6rem;
|
|
1925
1925
|
min-height: 5.6rem;
|
|
1926
1926
|
}
|
|
1927
|
-
.dt-feed-item-row__attachment[data-v-
|
|
1927
|
+
.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__video {
|
|
1928
1928
|
display: block;
|
|
1929
1929
|
height: 25rem;
|
|
1930
1930
|
}
|
|
1931
|
-
.dt-feed-item-row__header[data-v-
|
|
1931
|
+
.dt-feed-item-row__header[data-v-418199f0] {
|
|
1932
1932
|
display: flex;
|
|
1933
1933
|
align-items: baseline;
|
|
1934
1934
|
flex-wrap: wrap;
|
|
@@ -1936,43 +1936,43 @@ body > .os-scrollbar {
|
|
|
1936
1936
|
font-size: var(--dt-font-size-200);
|
|
1937
1937
|
line-height: var(--dt-font-line-height-300);
|
|
1938
1938
|
}
|
|
1939
|
-
.dt-feed-item-row__header__name[data-v-
|
|
1939
|
+
.dt-feed-item-row__header__name[data-v-418199f0] {
|
|
1940
1940
|
font-weight: var(--dt-font-weight-bold);
|
|
1941
1941
|
}
|
|
1942
|
-
.dt-feed-item-row__header__time[data-v-
|
|
1942
|
+
.dt-feed-item-row__header__time[data-v-418199f0] {
|
|
1943
1943
|
font-size: var(--dt-font-size-100);
|
|
1944
1944
|
color: var(--dt-color-foreground-tertiary);
|
|
1945
1945
|
flex-shrink: 0;
|
|
1946
1946
|
}
|
|
1947
|
-
.dt-feed-item-row__reactions[data-v-
|
|
1947
|
+
.dt-feed-item-row__reactions[data-v-418199f0] {
|
|
1948
1948
|
display: flex;
|
|
1949
1949
|
flex-wrap: wrap;
|
|
1950
1950
|
padding-top: var(--dt-space-200);
|
|
1951
1951
|
padding-bottom: var(--dt-space-200);
|
|
1952
1952
|
padding-left: var(--dt-space-300);
|
|
1953
1953
|
}
|
|
1954
|
-
.dt-feed-item-row__threading[data-v-
|
|
1954
|
+
.dt-feed-item-row__threading[data-v-418199f0] {
|
|
1955
1955
|
padding-top: var(--dt-space-200);
|
|
1956
1956
|
padding-bottom: var(--dt-space-200);
|
|
1957
1957
|
}
|
|
1958
|
-
.dt-feed-item-row__left-time[data-v-
|
|
1958
|
+
.dt-feed-item-row__left-time[data-v-418199f0] {
|
|
1959
1959
|
color: var(--dt-color-foreground-tertiary);
|
|
1960
1960
|
font-size: var(--dt-font-size-100);
|
|
1961
1961
|
font-weight: var(--dt-font-weight-normal);
|
|
1962
1962
|
vertical-align: middle;
|
|
1963
1963
|
white-space: nowrap;
|
|
1964
1964
|
}
|
|
1965
|
-
.dt-feed-item-row__menu[data-v-
|
|
1965
|
+
.dt-feed-item-row__menu[data-v-418199f0] {
|
|
1966
1966
|
position: absolute;
|
|
1967
1967
|
top: var(--dt-space-550-negative);
|
|
1968
1968
|
right: var(--dt-space-450);
|
|
1969
1969
|
}
|
|
1970
|
-
.dt-feed-item-row[data-v-
|
|
1970
|
+
.dt-feed-item-row[data-v-418199f0] > .dt-item-layout {
|
|
1971
1971
|
font: var(--dt-typography-body-md-compact);
|
|
1972
1972
|
min-height: initial;
|
|
1973
1973
|
padding: 0px;
|
|
1974
1974
|
}
|
|
1975
|
-
.dt-feed-item-row[data-v-
|
|
1975
|
+
.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--left {
|
|
1976
1976
|
align-self: flex-start;
|
|
1977
1977
|
text-align: end;
|
|
1978
1978
|
display: block;
|
|
@@ -1980,11 +1980,11 @@ body > .os-scrollbar {
|
|
|
1980
1980
|
padding-left: var(--dt-space-0);
|
|
1981
1981
|
min-width: calc(var(--dt-space-600) + var(--dt-space-300));
|
|
1982
1982
|
}
|
|
1983
|
-
.dt-feed-item-row[data-v-
|
|
1983
|
+
.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--right {
|
|
1984
1984
|
padding: 0;
|
|
1985
1985
|
min-width: initial;
|
|
1986
1986
|
}
|
|
1987
|
-
.dt-feed-item-row[data-v-
|
|
1987
|
+
.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
|
|
1988
1988
|
display: flex;
|
|
1989
1989
|
flex-direction: column;
|
|
1990
1990
|
margin-top: 0;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Gets the full list of icon component names from the dialtone package
|
|
3
|
+
* @returns {string[]} icon component names
|
|
4
|
+
*/
|
|
5
|
+
export function getIconNames(): string[];
|
|
6
|
+
/**
|
|
7
|
+
* Gets the full list of icon component names from the dialtone package
|
|
8
|
+
* @returns {string[]} icon component names
|
|
9
|
+
*/
|
|
10
|
+
export function getIllustrationNames(): string[];
|
|
11
|
+
export function createTemplateFromVueFile(args: object, argTypes: any, templateComponent: component): component;
|
|
12
|
+
export function generateTemplate(component: any, { props, excludeProps, customProps, childTemplate }?: {
|
|
13
|
+
props?: any[] | undefined;
|
|
14
|
+
excludeProps?: any[] | undefined;
|
|
15
|
+
customProps?: any[] | undefined;
|
|
16
|
+
childTemplate: any;
|
|
17
|
+
}): string;
|
|
18
|
+
declare namespace _default {
|
|
19
|
+
export { generateTemplate };
|
|
20
|
+
export { createTemplateFromVueFile };
|
|
21
|
+
export { getIllustrationNames };
|
|
22
|
+
export { getIconNames };
|
|
23
|
+
}
|
|
24
|
+
export default _default;
|
|
25
|
+
//# sourceMappingURL=storybook_utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"storybook_utils.d.ts","sourceRoot":"","sources":["../../../common/storybook_utils.js"],"names":[],"mappings":"AAsBA;;;GAGG;AACH,gCAFa,MAAM,EAAE,CAIpB;AAED;;;GAGG;AACH,wCAFa,MAAM,EAAE,CAIpB;AAtBM,gDANI,MAAM,0DAYf;AAkBK;;;;;WAoBN"}
|
|
@@ -80,6 +80,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
80
80
|
default: undefined;
|
|
81
81
|
validator: (group: unknown) => boolean;
|
|
82
82
|
};
|
|
83
|
+
/**
|
|
84
|
+
* The icon that overlays the avatar
|
|
85
|
+
*/
|
|
86
|
+
overlayIcon: {
|
|
87
|
+
type: StringConstructor;
|
|
88
|
+
default: string;
|
|
89
|
+
};
|
|
83
90
|
/**
|
|
84
91
|
* The text that overlays the avatar
|
|
85
92
|
*/
|
|
@@ -110,6 +117,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
110
117
|
type: StringConstructor;
|
|
111
118
|
default: undefined;
|
|
112
119
|
};
|
|
120
|
+
/**
|
|
121
|
+
* Icon name to be displayed on the avatar
|
|
122
|
+
*/
|
|
123
|
+
iconName: {
|
|
124
|
+
type: StringConstructor;
|
|
125
|
+
default: undefined;
|
|
126
|
+
validator: (name: unknown) => boolean;
|
|
127
|
+
};
|
|
113
128
|
/**
|
|
114
129
|
* Icon size to be displayed on the avatar
|
|
115
130
|
* @values 100, 200, 300, 400, 500, 600, 700, 800
|
|
@@ -169,11 +184,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
169
184
|
imageLoadedSuccessfully: null;
|
|
170
185
|
formattedInitials: string;
|
|
171
186
|
initializing: boolean;
|
|
172
|
-
hasSlotContent: typeof hasSlotContent;
|
|
173
187
|
}, {
|
|
174
|
-
|
|
175
|
-
hasOverlayIcon(): any;
|
|
176
|
-
iconDataQa(): "dt-avatar-icon";
|
|
188
|
+
isNotIconType(): boolean;
|
|
177
189
|
avatarClasses(): any[];
|
|
178
190
|
overlayClasses(): (string | Record<string, any> | unknown[])[];
|
|
179
191
|
showGroup(): boolean;
|
|
@@ -270,6 +282,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
270
282
|
default: undefined;
|
|
271
283
|
validator: (group: unknown) => boolean;
|
|
272
284
|
};
|
|
285
|
+
/**
|
|
286
|
+
* The icon that overlays the avatar
|
|
287
|
+
*/
|
|
288
|
+
overlayIcon: {
|
|
289
|
+
type: StringConstructor;
|
|
290
|
+
default: string;
|
|
291
|
+
};
|
|
273
292
|
/**
|
|
274
293
|
* The text that overlays the avatar
|
|
275
294
|
*/
|
|
@@ -300,6 +319,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
300
319
|
type: StringConstructor;
|
|
301
320
|
default: undefined;
|
|
302
321
|
};
|
|
322
|
+
/**
|
|
323
|
+
* Icon name to be displayed on the avatar
|
|
324
|
+
*/
|
|
325
|
+
iconName: {
|
|
326
|
+
type: StringConstructor;
|
|
327
|
+
default: undefined;
|
|
328
|
+
validator: (name: unknown) => boolean;
|
|
329
|
+
};
|
|
303
330
|
/**
|
|
304
331
|
* Icon size to be displayed on the avatar
|
|
305
332
|
* @values 100, 200, 300, 400, 500, 600, 700, 800
|
|
@@ -336,8 +363,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
336
363
|
onClick?: ((...args: any[]) => any) | undefined;
|
|
337
364
|
}, {
|
|
338
365
|
presence: string;
|
|
339
|
-
fullName: string;
|
|
340
366
|
size: string;
|
|
367
|
+
fullName: string;
|
|
341
368
|
group: number;
|
|
342
369
|
imageSrc: string;
|
|
343
370
|
id: string;
|
|
@@ -347,13 +374,14 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
347
374
|
canvasClass: string | Record<string, any> | unknown[];
|
|
348
375
|
iconClass: string | Record<string, any> | unknown[];
|
|
349
376
|
presenceProps: Record<string, any>;
|
|
377
|
+
overlayIcon: string;
|
|
350
378
|
overlayText: string;
|
|
351
379
|
overlayClass: string | Record<string, any> | unknown[];
|
|
352
380
|
imageAlt: string;
|
|
381
|
+
iconName: string;
|
|
353
382
|
iconSize: string;
|
|
354
383
|
clickable: boolean;
|
|
355
384
|
iconAriaLabel: string;
|
|
356
385
|
}, {}>;
|
|
357
386
|
export default _default;
|
|
358
|
-
import { hasSlotContent } from '@/common/utils';
|
|
359
387
|
//# sourceMappingURL=avatar.vue.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"avatar.vue.d.ts","sourceRoot":"","sources":["../../../../components/avatar/avatar.vue.js"],"names":[],"mappings":";IA+BI;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA9KH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;;OAKG;;;;;;IASH;;OAEG;;;;;IAMH;;;;OAIG;;;;;;IAOH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;;OAIG;;;;;IAMH;;OAEG;;;;;;IAOH;;;OAGG;;;;;;IAOH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG"}
|
|
@@ -149,8 +149,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
149
149
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
150
150
|
}, {
|
|
151
151
|
size: string;
|
|
152
|
-
id: string;
|
|
153
152
|
ariaLabel: string;
|
|
153
|
+
id: string;
|
|
154
154
|
labelClass: string | Record<string, any> | unknown[];
|
|
155
155
|
closeButtonProps: Record<string, any>;
|
|
156
156
|
hideClose: boolean;
|
|
@@ -187,8 +187,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
187
187
|
"onUpdate:open"?: ((...args: any[]) => any) | undefined;
|
|
188
188
|
onOpened?: ((...args: any[]) => any) | undefined;
|
|
189
189
|
}, {
|
|
190
|
-
id: string;
|
|
191
190
|
ariaLabel: string;
|
|
191
|
+
id: string;
|
|
192
192
|
maxHeight: string;
|
|
193
193
|
contentClass: string | Record<string, any> | unknown[];
|
|
194
194
|
elementType: string;
|
|
@@ -321,8 +321,8 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
321
321
|
}, {
|
|
322
322
|
active: boolean;
|
|
323
323
|
onClick: Function;
|
|
324
|
-
id: string;
|
|
325
324
|
ariaLabel: string;
|
|
325
|
+
id: string;
|
|
326
326
|
danger: boolean;
|
|
327
327
|
disabled: boolean;
|
|
328
328
|
contentClass: string | Record<string, any> | unknown[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"feed_item_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/conversation_view/feed_item_row/feed_item_row.vue.js"],"names":[],"mappings":";IAyBI;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA7EH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
|
|
@@ -39,7 +39,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
39
39
|
* Avatar icon to display if `avatarSrc` is empty.
|
|
40
40
|
*/
|
|
41
41
|
avatarIcon: {
|
|
42
|
-
type:
|
|
42
|
+
type: StringConstructor;
|
|
43
43
|
default: null;
|
|
44
44
|
};
|
|
45
45
|
/**
|
|
@@ -132,7 +132,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
132
132
|
* Avatar icon to display if `avatarSrc` is empty.
|
|
133
133
|
*/
|
|
134
134
|
avatarIcon: {
|
|
135
|
-
type:
|
|
135
|
+
type: StringConstructor;
|
|
136
136
|
default: null;
|
|
137
137
|
};
|
|
138
138
|
/**
|
|
@@ -191,7 +191,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
191
191
|
avatarSeed: string;
|
|
192
192
|
showAvatar: boolean;
|
|
193
193
|
avatarFullName: string;
|
|
194
|
-
avatarIcon:
|
|
194
|
+
avatarIcon: string;
|
|
195
195
|
avatarSize: string;
|
|
196
196
|
avatarLabelledBy: string;
|
|
197
197
|
avatarColor: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"callbox.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/callbox/callbox.vue.js"],"names":[],"mappings":";IAcI;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG;;;;;;;;;;;;IAzEH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;;IAOH;;;OAGG;;;;;IAMH;;OAEG"}
|
|
@@ -123,6 +123,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
123
123
|
[k: string]: any;
|
|
124
124
|
};
|
|
125
125
|
contactDescription(): string;
|
|
126
|
+
iconName(): "user" | null;
|
|
126
127
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "call"[], "call", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
127
128
|
/**
|
|
128
129
|
* Optional avatar image url.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue.js"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"contact_row.vue.d.ts","sourceRoot":"","sources":["../../../../../recipes/leftbar/contact_row/contact_row.vue.js"],"names":[],"mappings":";IAmBI;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;;;;;;;;;IAhIH;;;OAGG;;;;;IAMH;;;;;;OAMG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;;OAGG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG;;;;;IAMH;;OAEG"}
|
|
@@ -304,9 +304,9 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
304
304
|
onCall?: ((...args: any[]) => any) | undefined;
|
|
305
305
|
}, {
|
|
306
306
|
type: string;
|
|
307
|
+
ariaLabel: string;
|
|
307
308
|
color: string;
|
|
308
309
|
iconSize: string;
|
|
309
|
-
ariaLabel: string;
|
|
310
310
|
muted: boolean;
|
|
311
311
|
selected: boolean;
|
|
312
312
|
unreadCount: string;
|