@dialpad/dialtone-tokens 1.21.0 → 1.22.0

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.
Files changed (15) hide show
  1. package/dist/android/java/tokens-dark.kt +55 -54
  2. package/dist/android/java/tokens-light.kt +8 -7
  3. package/dist/android/res/values/colors-dark.xml +56 -55
  4. package/dist/android/res/values/colors-light.xml +8 -7
  5. package/dist/android/res/values/dimens.xml +1 -1
  6. package/dist/css/variables-dark.css +56 -55
  7. package/dist/css/variables-light.css +8 -7
  8. package/dist/doc.json +234 -212
  9. package/dist/ios/tokens-dark.swift +55 -54
  10. package/dist/ios/tokens-light.swift +8 -7
  11. package/dist/less/variables-dark.less +56 -55
  12. package/dist/less/variables-light.less +7 -6
  13. package/dist/tokens-dark.json +55 -54
  14. package/dist/tokens-light.json +7 -6
  15. package/package.json +1 -1
package/dist/tokens-dark.json CHANGED
@@ -27,14 +27,14 @@
27
27
  "dtCheckboxSizeWidth": "1.6rem",
28
28
  "dtCheckboxSizeHeight": "1.6rem",
29
29
  "dtCheckboxSizeRadius": "0.4rem",
30
- "dtBadgeColorBackgroundDefault": "#f9f9f926",
30
+ "dtBadgeColorBackgroundDefault": "#e6e6e626",
31
31
  "dtBadgeColorBackgroundInfo": "#01326D",
32
32
  "dtBadgeColorBackgroundSuccess": "#124620",
33
33
  "dtBadgeColorBackgroundWarning": "#815008",
34
34
  "dtBadgeColorBackgroundCritical": "#5B0505",
35
35
  "dtBadgeColorBackgroundBulletin": "#7C52FF",
36
36
  "dtBadgeColorBackgroundAi": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
37
- "dtBadgeColorForegroundDefault": "#F9F9F9",
37
+ "dtBadgeColorForegroundDefault": "#E6E6E6",
38
38
  "dtBadgeColorForegroundBulletin": "#ffffff",
39
39
  "dtAvatarColorForeground": "#000000",
40
40
  "dtAvatarColorBackground100": "#1aa340",
@@ -56,10 +56,10 @@
56
56
  "dtAvatarColorBackground1700": "#ffd646",
57
57
  "dtAvatarColorBackground1800": "#f1dab7",
58
58
  "dtAvatarColorBackground000": "#e0e0e0",
59
- "dtColorForegroundPrimary": "#F9F9F9",
60
- "dtColorForegroundSecondary": "#D2D2D2",
59
+ "dtColorForegroundPrimary": "#E6E6E6",
60
+ "dtColorForegroundSecondary": "#C2C2C2",
61
61
  "dtColorForegroundTertiary": "#AAAAAA",
62
- "dtColorForegroundMuted": "#e9e9e999",
62
+ "dtColorForegroundMuted": "#d4d4d499",
63
63
  "dtColorForegroundPlaceholder": "#AAAAAA",
64
64
  "dtColorForegroundDisabled": "#AAAAAA",
65
65
  "dtColorForegroundCritical": "#FF8585",
@@ -82,13 +82,11 @@
82
82
  "dtColorLinkCritical": "#FF8585",
83
83
  "dtColorLinkSuccess": "#B0FFA3",
84
84
  "dtColorLinkWarning": "#FFDB80",
85
- "dtColorLinkMuted": "#e9e9e999",
86
85
  "dtColorLinkDisabled": "#AAAAAA",
87
86
  "dtColorLinkPrimaryHover": "#DAC7FF",
88
87
  "dtColorLinkCriticalHover": "#FFE5E6",
89
88
  "dtColorLinkSuccessHover": "#EDF9EB",
90
89
  "dtColorLinkWarningHover": "#FFF4CC",
91
- "dtColorLinkMutedHover": "#F9F9F9",
92
90
  "dtColorLinkDisabledHover": "#AAAAAA",
93
91
  "dtColorLinkPrimaryInverted": "#7C52FF",
94
92
  "dtColorLinkPrimaryInvertedHover": "#3A1D95",
@@ -98,16 +96,18 @@
98
96
  "dtColorLinkSuccessInvertedHover": "#124620",
99
97
  "dtColorLinkWarningInverted": "#815008",
100
98
  "dtColorLinkWarningInvertedHover": "#262626",
101
- "dtColorLinkMutedInverted": "#26262699",
102
- "dtColorLinkMutedInvertedHover": "#000000",
103
99
  "dtColorLinkDisabledInverted": "#808080",
104
100
  "dtColorLinkDisabledInvertedHover": "#808080",
101
+ "dtColorLinkMuted": "#C2C2C2",
102
+ "dtColorLinkMutedInverted": "#3A3A3A",
103
+ "dtColorLinkMutedHover": "#E6E6E6",
104
+ "dtColorLinkMutedInvertedHover": "#000000",
105
105
  "dtColorSurfacePrimary": "#1f1f1f",
106
106
  "dtColorSurfaceSecondary": "#262626",
107
107
  "dtColorSurfaceModerate": "#3A3A3A",
108
108
  "dtColorSurfaceBold": "#555555",
109
109
  "dtColorSurfaceStrong": "#AAAAAA",
110
- "dtColorSurfaceContrast": "#F9F9F9",
110
+ "dtColorSurfaceContrast": "#E6E6E6",
111
111
  "dtColorSurfaceCritical": "#5B0505",
112
112
  "dtColorSurfaceCriticalSubtle": "#2d0202",
113
113
  "dtColorSurfaceWarning": "#815008",
@@ -116,11 +116,11 @@
116
116
  "dtColorSurfaceSuccessSubtle": "#092310",
117
117
  "dtColorSurfaceInfo": "#01326D",
118
118
  "dtColorSurfaceInfoSubtle": "#011e41",
119
- "dtColorSurfaceSecondaryOpaque": "#f9f9f90f",
120
- "dtColorSurfaceModerateOpaque": "#f9f9f926",
121
- "dtColorSurfaceBoldOpaque": "#f9f9f945",
122
- "dtColorSurfaceStrongOpaque": "#f9f9f9a6",
123
- "dtColorSurfaceContrastOpaque": "#f9f9f9f5",
119
+ "dtColorSurfaceSecondaryOpaque": "#e6e6e60f",
120
+ "dtColorSurfaceModerateOpaque": "#e6e6e626",
121
+ "dtColorSurfaceBoldOpaque": "#e6e6e645",
122
+ "dtColorSurfaceStrongOpaque": "#e6e6e6a6",
123
+ "dtColorSurfaceContrastOpaque": "#e6e6e6f5",
124
124
  "dtColorSurfaceCriticalOpaque": "#b70b0b52",
125
125
  "dtColorSurfaceCriticalSubtleOpaque": "#2d020280",
126
126
  "dtColorSurfaceWarningOpaque": "#d28f2b7a",
@@ -175,9 +175,9 @@
175
175
  "dtColorBlack400": "#555555",
176
176
  "dtColorBlack500": "#808080",
177
177
  "dtColorBlack600": "#AAAAAA",
178
- "dtColorBlack700": "#D2D2D2",
179
- "dtColorBlack800": "#E9E9E9",
180
- "dtColorBlack900": "#F9F9F9",
178
+ "dtColorBlack700": "#C2C2C2",
179
+ "dtColorBlack800": "#D4D4D4",
180
+ "dtColorBlack900": "#E6E6E6",
181
181
  "dtColorPurple100": "#10022C",
182
182
  "dtColorPurple200": "#3A1D95",
183
183
  "dtColorPurple300": "#7C52FF",
@@ -220,7 +220,7 @@
220
220
  "dtColorGradientMagentaPurple": "linear-gradient(135deg, #F9008E 10%, #7C52FF 90%)",
221
221
  "dtColorBrandPurple": "#7C52FF",
222
222
  "dtColorBrandMagenta": "#F9008E",
223
- "dtInputsColorForegroundDefault": "#F9F9F9",
223
+ "dtInputsColorForegroundDefault": "#E6E6E6",
224
224
  "dtInputsColorForegroundPlaceholder": "#AAAAAA",
225
225
  "dtInputsColorForegroundDisabled": "#AAAAAA",
226
226
  "dtInputsColorBorderFocus": "#51A0FE",
@@ -229,9 +229,9 @@
229
229
  "dtInputsColorBorderWarning": "#FFDB80",
230
230
  "dtInputsColorBorderDisabled": "transparent",
231
231
  "dtInputsColorBorderDefault": "#ffffff24",
232
- "dtInputsColorBackgroundDefault": "#f9f9f90f",
233
- "dtInputsColorBackgroundFocus": "#f9f9f908",
234
- "dtInputsColorBackgroundDisabled": "#f9f9f926",
232
+ "dtInputsColorBackgroundDefault": "#e6e6e60f",
233
+ "dtInputsColorBackgroundFocus": "#e6e6e608",
234
+ "dtInputsColorBackgroundDisabled": "#e6e6e626",
235
235
  "dtInputsSizeBorderDefault": "0.15rem",
236
236
  "dtInputsSizeBorderStatus": "0.2rem",
237
237
  "dtInputsSizeRadiusXs": "0.4rem",
@@ -259,9 +259,9 @@
259
259
  "dtActionColorForegroundInvertedPrimaryDefault": "#AB7EFF",
260
260
  "dtActionColorForegroundInvertedPrimaryHover": "#DAC7FF",
261
261
  "dtActionColorForegroundInvertedPrimaryActive": "#DAC7FF",
262
- "dtActionColorForegroundMutedDefault": "#D2D2D2",
263
- "dtActionColorForegroundMutedHover": "#D2D2D2",
264
- "dtActionColorForegroundMutedActive": "#D2D2D2",
262
+ "dtActionColorForegroundMutedDefault": "#C2C2C2",
263
+ "dtActionColorForegroundMutedHover": "#C2C2C2",
264
+ "dtActionColorForegroundMutedActive": "#C2C2C2",
265
265
  "dtActionColorForegroundDisabledDefault": "#AAAAAA",
266
266
  "dtActionColorBackgroundBaseHover": "#ab7eff1a",
267
267
  "dtActionColorBackgroundBaseActive": "#ab7eff33",
@@ -282,44 +282,45 @@
282
282
  "dtActionColorBackgroundInvertedHover": "#1f1f1f26",
283
283
  "dtActionColorBackgroundInvertedActive": "#1f1f1f4d",
284
284
  "dtActionColorBackgroundMutedDefault": "transparent",
285
- "dtActionColorBackgroundMutedHover": "#e9e9e91a",
286
- "dtActionColorBackgroundMutedActive": "#e9e9e929",
285
+ "dtActionColorBackgroundMutedHover": "#d4d4d41a",
286
+ "dtActionColorBackgroundMutedActive": "#d4d4d429",
287
287
  "dtActionColorBackgroundDisabledDefault": "#3A3A3A",
288
288
  "dtActionColorBorderBaseOutlinedDefault": "#AB7EFF",
289
289
  "dtActionColorBorderCriticalOutlinedDefault": "#FF8585",
290
290
  "dtActionColorBorderInvertedOutlinedDefault": "#000000",
291
291
  "dtActionColorBorderMutedOutlinedDefault": "#AAAAAA",
292
292
  "dtThemeTopbarFieldColorBackgroundHover": "#000",
293
- "dtThemeTopbarFieldColorForeground": "#f9f9f980",
294
- "dtThemeTopbarFieldColorForegroundHover": "#f9f9f9bf",
295
- "dtThemeTopbarFieldColorBackground": "#f9f9f90d",
296
- "dtThemeTopbarFieldColorBorder": "#f9f9f900",
297
- "dtThemeTopbarFieldColorBorderHover": "#f9f9f91a",
298
- "dtThemeTopbarFieldColorBorderActive": "#f9f9f933",
299
- "dtThemeTopbarButtonColorBackgroundHover": "#f9f9f926",
300
- "dtThemeTopbarButtonColorForeground": "#f9f9f9a6",
301
- "dtThemeTopbarButtonColorForegroundHover": "#F9F9F9",
302
- "dtThemeTopbarButtonColorBackground": "#f9f9f900",
303
- "dtThemeTopbarButtonColorBackgroundActive": "#f9f9f91a",
304
- "dtThemeTopbarColorForeground": "#f9f9f9bf",
293
+ "dtThemeTopbarFieldColorForeground": "#e6e6e680",
294
+ "dtThemeTopbarFieldColorForegroundHover": "#e6e6e6bf",
295
+ "dtThemeTopbarFieldColorBackground": "#e6e6e60d",
296
+ "dtThemeTopbarFieldColorBorder": "#e6e6e600",
297
+ "dtThemeTopbarFieldColorBorderHover": "#e6e6e61a",
298
+ "dtThemeTopbarFieldColorBorderActive": "#e6e6e633",
299
+ "dtThemeTopbarButtonColorBackgroundHover": "#e6e6e626",
300
+ "dtThemeTopbarButtonColorForeground": "#e6e6e6a6",
301
+ "dtThemeTopbarButtonColorForegroundHover": "#E6E6E6",
302
+ "dtThemeTopbarButtonColorBackground": "#e6e6e600",
303
+ "dtThemeTopbarButtonColorBackgroundActive": "#e6e6e61a",
304
+ "dtThemeTopbarColorForeground": "#e6e6e6bf",
305
305
  "dtThemeTopbarColorBackground": "#262626",
306
- "dtThemeTopbarProfileColorForeground": "#f9f9f9bf",
306
+ "dtThemeTopbarProfileColorForeground": "#e6e6e6bf",
307
307
  "dtThemeTopbarProfileColorForegroundInverted": "#000000bf",
308
- "dtThemeTopbarProfileColorBackground": "#f9f9f90d",
309
- "dtThemeTopbarProfileColorBackgroundInverted": "#f9f9f9bf",
310
- "dtThemeTopbarProfileColorBackgroundHover": "#f9f9f91a",
311
- "dtThemeTopbarProfileColorBackgroundActive": "#f9f9f924",
312
- "dtThemeSidebarSectionColorForeground": "#a7a7a7",
313
- "dtThemeSidebarIconColorForeground": "#c0c0c0",
314
- "dtThemeSidebarRowColorBackgroundHover": "#f9f9f92e",
315
- "dtThemeSidebarRowColorBackgroundActive": "#f9f9f93d",
316
- "dtThemeSidebarRowColorBackground": "#f9f9f900",
317
- "dtThemeSidebarSelectedRowColorBackground": "#f9f9f933",
318
- "dtThemeSidebarSelectedRowColorForeground": "#F9F9F9",
319
- "dtThemeSidebarColorForeground": "#F9F9F9",
308
+ "dtThemeTopbarProfileColorBackground": "#e6e6e60d",
309
+ "dtThemeTopbarProfileColorBackgroundInverted": "#e6e6e6bf",
310
+ "dtThemeTopbarProfileColorBackgroundHover": "#e6e6e61a",
311
+ "dtThemeTopbarProfileColorBackgroundActive": "#e6e6e624",
312
+ "dtThemeSidebarRowColorBackgroundHover": "#e6e6e62e",
313
+ "dtThemeSidebarRowColorBackgroundActive": "#e6e6e63d",
314
+ "dtThemeSidebarRowColorBackground": "#e6e6e600",
315
+ "dtThemeSidebarSelectedRowColorBackground": "#e6e6e633",
316
+ "dtThemeSidebarSelectedRowColorForeground": "#E6E6E6",
317
+ "dtThemeSidebarColorForeground": "#C2C2C2",
318
+ "dtThemeSidebarColorForegroundUnread": "#E6E6E6",
320
319
  "dtThemeSidebarColorBackground": "#262626",
321
- "dtThemeSidebarStatusColorForeground": "#fbfbfb",
322
- "dtThemeColorBase": "#F9F9F9",
320
+ "dtThemeSidebarIconColorForeground": "#C2C2C2",
321
+ "dtThemeSidebarStatusColorForeground": "#AAAAAA",
322
+ "dtThemeSidebarSectionColorForeground": "#AAAAAA",
323
+ "dtThemeColorBase": "#E6E6E6",
323
324
  "dtThemePresenceColorBackgroundAvailable": "#B0FFA3",
324
325
  "dtThemePresenceColorBackgroundBusyUnavailable": "#EC0E0E",
325
326
  "dtThemePresenceColorBackgroundBusy": "#F6AB3C",
package/dist/tokens-light.json CHANGED
@@ -82,13 +82,13 @@
82
82
  "dtColorLinkCritical": "#EC0E0E",
83
83
  "dtColorLinkSuccess": "#1AA340",
84
84
  "dtColorLinkWarning": "#815008",
85
- "dtColorLinkMuted": "#22222280",
85
+ "dtColorLinkMuted": "#3A3A3A",
86
86
  "dtColorLinkDisabled": "#808080",
87
87
  "dtColorLinkPrimaryInverted": "#AB7EFF",
88
88
  "dtColorLinkCriticalInverted": "#FF8585",
89
89
  "dtColorLinkSuccessInverted": "#B0FFA3",
90
90
  "dtColorLinkWarningInverted": "#FFF4CC",
91
- "dtColorLinkMutedInverted": "#e9e9e999",
91
+ "dtColorLinkMutedInverted": "#E9E9E9",
92
92
  "dtColorLinkDisabledInverted": "#808080",
93
93
  "dtColorLinkPrimaryHover": "#3A1D95",
94
94
  "dtColorLinkCriticalHover": "#B70B0B",
@@ -563,16 +563,17 @@
563
563
  "dtThemeTopbarProfileColorBackgroundInverted": "#000000bf",
564
564
  "dtThemeTopbarProfileColorBackgroundHover": "#0000001a",
565
565
  "dtThemeTopbarProfileColorBackgroundActive": "#00000024",
566
- "dtThemeSidebarColorForeground": "#000000",
566
+ "dtThemeSidebarColorForeground": "#3A3A3A",
567
+ "dtThemeSidebarColorForegroundUnread": "#000000",
567
568
  "dtThemeSidebarColorBackground": "#F9F9F9",
568
- "dtThemeSidebarIconColorForeground": "#3b3b3b",
569
- "dtThemeSidebarStatusColorForeground": "#545454",
569
+ "dtThemeSidebarIconColorForeground": "#3A3A3A",
570
+ "dtThemeSidebarStatusColorForeground": "#555555",
570
571
  "dtThemeSidebarRowColorBackground": "#0000",
571
572
  "dtThemeSidebarRowColorBackgroundHover": "#0000001f",
572
573
  "dtThemeSidebarRowColorBackgroundActive": "#00000029",
573
574
  "dtThemeSidebarSelectedRowColorForeground": "#000000",
574
575
  "dtThemeSidebarSelectedRowColorBackground": "#0000001a",
575
- "dtThemeSidebarSectionColorForeground": "#545454",
576
+ "dtThemeSidebarSectionColorForeground": "#555555",
576
577
  "dtThemePresenceColorBackgroundAvailable": "#1AA340",
577
578
  "dtThemePresenceColorBackgroundBusyUnavailable": "#EC0E0E",
578
579
  "dtThemePresenceColorBackgroundBusy": "#F6AB3C",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dialpad/dialtone-tokens",
3
- "version": "1.21.0",
3
+ "version": "1.22.0",
4
4
  "description": "Design tokens for Dialtone.",
5
5
  "main": "index.js",
6
6
  "scripts": {