UNPKG

@dialpad/dialtone

Version:

Dialpad's Dialtone design system monorepo

dialtone.dialpad.com

dialpad/dialtone

121 lines (120 loc) • 6.85 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
{ "dtTypographyButtonXsFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyButtonXsFontWeight": "600", "dtTypographyButtonXsFontSize": "12px", "dtTypographyButtonXsLineHeight": "1.2", "dtTypographyButtonSmFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyButtonSmFontWeight": "600", "dtTypographyButtonSmFontSize": "12px", "dtTypographyButtonSmLineHeight": "1.2", "dtTypographyButtonMdFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyButtonMdFontWeight": "600", "dtTypographyButtonMdFontSize": "15px", "dtTypographyButtonMdLineHeight": "1.2", "dtTypographyButtonLgFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyButtonLgFontWeight": "500", "dtTypographyButtonLgFontSize": "19px", "dtTypographyButtonLgLineHeight": "1.2", "dtTypographyButtonXlFontFamily": "-apple-system, BlinkMacSystemFont, \"SF Pro\", \"Segoe UI Adjusted\", \"Segoe UI\", SFMono, \"Helvetica Neue\", Cantarell, Ubuntu, Roboto, Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol", "dtTypographyButtonXlFontWeight": "400", "dtTypographyButtonXlFontSize": "27px", "dtTypographyButtonXlLineHeight": "1.2", "dtShellBaseColorSurface": "#10022C", "dtShellBaseColorBorder": "#0a0029", "dtShellBaseColorAccent": "#e2aae5", "dtShellBaseActionColorBackgroundPrimary": "#65318E", "dtShellBaseActionColorBackgroundSecondary": "#65318E", "dtShellBaseActionColorBackgroundMuted": "#65318E", "dtAvatarColorForeground": "#000000", "dtAvatarColorBackground100": "#1aa340", "dtAvatarColorBackground200": "#aaff83", "dtAvatarColorBackground300": "#adea88", "dtAvatarColorBackground400": "#77eca6", "dtAvatarColorBackground500": "#7aedbd", "dtAvatarColorBackground600": "#77deec", "dtAvatarColorBackground700": "#5ed8ff", "dtAvatarColorBackground800": "#99e7ff", "dtAvatarColorBackground900": "#51a0fe", "dtAvatarColorBackground1000": "#b6cfff", "dtAvatarColorBackground1100": "#f1b7e8", "dtAvatarColorBackground1200": "#ec77bd", "dtAvatarColorBackground1300": "#ff67be", "dtAvatarColorBackground1400": "#f87e7e", "dtAvatarColorBackground1500": "#eca877", "dtAvatarColorBackground1600": "#ffbe41", "dtAvatarColorBackground1700": "#ffd646", "dtAvatarColorBackground1800": "#f1dab7", "dtAvatarColorBackground000": "#e0e0e0", "dtBadgeColorBackgroundDefault": "#E6E6E6", "dtBadgeColorBackgroundInfo": "#003165", "dtBadgeColorBackgroundSuccess": "#004F2E", "dtBadgeColorBackgroundWarning": "#533204", "dtBadgeColorBackgroundCritical": "#640823", "dtBadgeColorBackgroundBulletin": "#BBA6FC", "dtBadgeColorBackgroundBulletinSubtle": "#3A1D95", "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #471571 0%, #551B84 3.08%, #7C229E 14.48%, #9024A4 23.67%, #B02290 35.5%, #D32B86 48.3%, #E92F6F 60.29%, #F6484F 74%, #FB7328 93%, #F3960F 98%, #F3960F 100%)", "dtBadgeColorForegroundDefault": "#FFFFFF", "dtBadgeColorForegroundBulletin": "#000000", "dtBadgeColorForegroundBulletinSubtle": "#D3BCFF", "dtBadgeColorForegroundAi": "#ffffff", "dtBadgeColorBorderDefault": "#ffffff", "dtBadgeColorBorderBulletinSubtle": "#7C52FF", "dtButtonFontSizeXs": "12px", "dtButtonFontSizeSm": "12px", "dtButtonFontSizeMd": "15px", "dtButtonFontSizeLg": "19px", "dtButtonFontSizeXl": "27px", "dtButtonFontWeightXs": "600", "dtButtonFontWeightSm": "600", "dtButtonFontWeightMd": "600", "dtButtonFontWeightLg": "500", "dtButtonFontWeightXl": "400", "dtButtonLineHeightXs": "1.2", "dtButtonLineHeightSm": "1.2", "dtButtonLineHeightMd": "1.2", "dtButtonLineHeightLg": "1.2", "dtButtonLineHeightXl": "1.2", "dtButtonSizeRadiusXs": "0.25rem", "dtButtonSizeRadiusSm": "0.5rem", "dtButtonSizeRadiusMd": "0.5rem", "dtButtonSizeRadiusLg": "0.75rem", "dtButtonSizeRadiusXl": "1rem", "dtCheckboxSizeWidth": "1rem", "dtCheckboxSizeHeight": "1rem", "dtCheckboxSizeRadius": "0.25rem", "dtCheckboxColorBorderUnchecked": "#ffffff", "dtCheckboxColorBorderUncheckedHover": "#ffffff", "dtCheckboxColorBorderChecked": "#BBA6FC", "dtCheckboxColorBackgroundChecked": "#BBA6FC", "dtCheckboxColorForegroundDefault": "transparent", "dtCheckboxColorForegroundChecked": "#000000", "dtIconSize100": "12px", "dtIconSize200": "14px", "dtIconSize300": "18px", "dtIconSize400": "20px", "dtIconSize500": "24px", "dtIconSize600": "32px", "dtIconSize700": "38px", "dtIconSize800": "48px", "dtIconSizeBorder100": "0.0625rem", "dtIconSizeBorder200": "0.0781rem", "dtIconSizeBorder300": "0.0938rem", "dtIconSizeBorder400": "0.1094rem", "dtIconSizeBorder500": "0.1094rem", "dtIconSizeBorder600": "0.1563rem", "dtIconSizeBorder700": "0.1719rem", "dtIconSizeBorder800": "0.2188rem", "dtPresenceColorAvailable": "#AEFB3C", "dtPresenceColorUnavailable": "#FF1356", "dtPresenceColorBusy": "#EA8F07", "dtPresenceColorOffline": "#808080", "dtRadioSizeWidth": "1rem", "dtRadioSizeHeight": "1rem", "dtRadioSizeRadius": "50%", "dtRadioColorBorderUnchecked": "#ffffff", "dtRadioColorBorderUncheckedHover": "#ffffff", "dtRadioColorBorderChecked": "#BBA6FC", "dtRadioColorBackgroundChecked": "#BBA6FC", "dtRadioColorForegroundDefault": "transparent", "dtRadioColorForegroundChecked": "#000000" }