@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/css/variables-dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 24 Jul 2023 16:30:53 GMT
3
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-dark {
@@ -32,14 +32,14 @@
32
32
  --dt-checkbox-size-width: 1.6rem;
33
33
  --dt-checkbox-size-height: 1.6rem;
34
34
  --dt-checkbox-size-radius: 0.4rem;
35
- --dt-badge-color-background-default: #f9f9f926;
35
+ --dt-badge-color-background-default: #e6e6e626;
36
36
  --dt-badge-color-background-info: #01326D;
37
37
  --dt-badge-color-background-success: #124620;
38
38
  --dt-badge-color-background-warning: #815008;
39
39
  --dt-badge-color-background-critical: #5B0505;
40
40
  --dt-badge-color-background-bulletin: #7C52FF;
41
41
  --dt-badge-color-background-ai: linear-gradient(135deg, #F9008E 10%, #7C52FF 90%);
42
- --dt-badge-color-foreground-default: #F9F9F9;
42
+ --dt-badge-color-foreground-default: #E6E6E6;
43
43
  --dt-badge-color-foreground-bulletin: #ffffff;
44
44
  --dt-avatar-color-foreground: #000000;
45
45
  --dt-avatar-color-background-100: #1aa340;
@@ -61,10 +61,10 @@
61
61
  --dt-avatar-color-background-1700: #ffd646;
62
62
  --dt-avatar-color-background-1800: #f1dab7;
63
63
  --dt-avatar-color-background-000: #e0e0e0;
64
- --dt-color-foreground-primary: #f9f9f9;
65
- --dt-color-foreground-secondary: #d2d2d2;
64
+ --dt-color-foreground-primary: #e6e6e6;
65
+ --dt-color-foreground-secondary: #c2c2c2;
66
66
  --dt-color-foreground-tertiary: #aaaaaa;
67
- --dt-color-foreground-muted: rgba(233, 233, 233, 0.6);
67
+ --dt-color-foreground-muted: rgba(212, 212, 212, 0.6);
68
68
  --dt-color-foreground-placeholder: #aaaaaa;
69
69
  --dt-color-foreground-disabled: #aaaaaa;
70
70
  --dt-color-foreground-critical: #ff8585;
@@ -87,13 +87,11 @@
87
87
  --dt-color-link-critical: #ff8585;
88
88
  --dt-color-link-success: #b0ffa3;
89
89
  --dt-color-link-warning: #ffdb80;
90
- --dt-color-link-muted: rgba(233, 233, 233, 0.6);
91
90
  --dt-color-link-disabled: #aaaaaa;
92
91
  --dt-color-link-primary-hover: #dac7ff;
93
92
  --dt-color-link-critical-hover: #ffe5e6;
94
93
  --dt-color-link-success-hover: #edf9eb;
95
94
  --dt-color-link-warning-hover: #fff4cc;
96
- --dt-color-link-muted-hover: #f9f9f9;
97
95
  --dt-color-link-disabled-hover: #aaaaaa;
98
96
  --dt-color-link-primary-inverted: #7c52ff;
99
97
  --dt-color-link-primary-inverted-hover: #3a1d95;
@@ -103,16 +101,18 @@
103
101
  --dt-color-link-success-inverted-hover: #124620;
104
102
  --dt-color-link-warning-inverted: #815008;
105
103
  --dt-color-link-warning-inverted-hover: #262626;
106
- --dt-color-link-muted-inverted: rgba(38, 38, 38, 0.6);
107
- --dt-color-link-muted-inverted-hover: #000000;
108
104
  --dt-color-link-disabled-inverted: #808080;
109
105
  --dt-color-link-disabled-inverted-hover: #808080;
106
+ --dt-color-link-muted: #c2c2c2;
107
+ --dt-color-link-muted-inverted: #3a3a3a;
108
+ --dt-color-link-muted-hover: #e6e6e6;
109
+ --dt-color-link-muted-inverted-hover: #000000;
110
110
  --dt-color-surface-primary: #1f1f1f;
111
111
  --dt-color-surface-secondary: #262626;
112
112
  --dt-color-surface-moderate: #3a3a3a;
113
113
  --dt-color-surface-bold: #555555;
114
114
  --dt-color-surface-strong: #aaaaaa;
115
- --dt-color-surface-contrast: #f9f9f9;
115
+ --dt-color-surface-contrast: #e6e6e6;
116
116
  --dt-color-surface-critical: #5b0505;
117
117
  --dt-color-surface-critical-subtle: #2d0202;
118
118
  --dt-color-surface-warning: #815008;
@@ -121,11 +121,11 @@
121
121
  --dt-color-surface-success-subtle: #092310;
122
122
  --dt-color-surface-info: #01326d;
123
123
  --dt-color-surface-info-subtle: #011e41;
124
- --dt-color-surface-secondary-opaque: rgba(249, 249, 249, 0.06);
125
- --dt-color-surface-moderate-opaque: rgba(249, 249, 249, 0.15);
126
- --dt-color-surface-bold-opaque: rgba(249, 249, 249, 0.27);
127
- --dt-color-surface-strong-opaque: rgba(249, 249, 249, 0.65);
128
- --dt-color-surface-contrast-opaque: rgba(249, 249, 249, 0.96);
124
+ --dt-color-surface-secondary-opaque: rgba(230, 230, 230, 0.06);
125
+ --dt-color-surface-moderate-opaque: rgba(230, 230, 230, 0.15);
126
+ --dt-color-surface-bold-opaque: rgba(230, 230, 230, 0.27);
127
+ --dt-color-surface-strong-opaque: rgba(230, 230, 230, 0.65);
128
+ --dt-color-surface-contrast-opaque: rgba(230, 230, 230, 0.96);
129
129
  --dt-color-surface-critical-opaque: rgba(183, 11, 11, 0.32);
130
130
  --dt-color-surface-critical-subtle-opaque: rgba(45, 2, 2, 0.5);
131
131
  --dt-color-surface-warning-opaque: rgba(210, 143, 43, 0.48);
@@ -180,9 +180,9 @@
180
180
  --dt-color-black-400: #555555;
181
181
  --dt-color-black-500: #808080;
182
182
  --dt-color-black-600: #aaaaaa;
183
- --dt-color-black-700: #d2d2d2;
184
- --dt-color-black-800: #e9e9e9;
185
- --dt-color-black-900: #f9f9f9;
183
+ --dt-color-black-700: #c2c2c2;
184
+ --dt-color-black-800: #d4d4d4;
185
+ --dt-color-black-900: #e6e6e6;
186
186
  --dt-color-purple-100: #10022c;
187
187
  --dt-color-purple-200: #3a1d95;
188
188
  --dt-color-purple-300: #7c52ff;
@@ -225,7 +225,7 @@
225
225
  --dt-color-gradient-magenta-purple: #000000;
226
226
  --dt-color-brand-purple: #7c52ff;
227
227
  --dt-color-brand-magenta: #f9008e;
228
- --dt-inputs-color-foreground-default: #F9F9F9;
228
+ --dt-inputs-color-foreground-default: #E6E6E6;
229
229
  --dt-inputs-color-foreground-placeholder: #AAAAAA;
230
230
  --dt-inputs-color-foreground-disabled: #AAAAAA;
231
231
  --dt-inputs-color-border-focus: #51A0FE;
@@ -234,9 +234,9 @@
234
234
  --dt-inputs-color-border-warning: #FFDB80;
235
235
  --dt-inputs-color-border-disabled: transparent;
236
236
  --dt-inputs-color-border-default: #ffffff24;
237
- --dt-inputs-color-background-default: #f9f9f90f;
238
- --dt-inputs-color-background-focus: #f9f9f908;
239
- --dt-inputs-color-background-disabled: #f9f9f926;
237
+ --dt-inputs-color-background-default: #e6e6e60f;
238
+ --dt-inputs-color-background-focus: #e6e6e608;
239
+ --dt-inputs-color-background-disabled: #e6e6e626;
240
240
  --dt-inputs-size-border-default: 0.15rem;
241
241
  --dt-inputs-size-border-status: 0.2rem;
242
242
  --dt-inputs-size-radius-xs: 0.4rem;
@@ -264,9 +264,9 @@
264
264
  --dt-action-color-foreground-inverted-primary-default: #AB7EFF;
265
265
  --dt-action-color-foreground-inverted-primary-hover: #DAC7FF;
266
266
  --dt-action-color-foreground-inverted-primary-active: #DAC7FF;
267
- --dt-action-color-foreground-muted-default: #D2D2D2;
268
- --dt-action-color-foreground-muted-hover: #D2D2D2;
269
- --dt-action-color-foreground-muted-active: #D2D2D2;
267
+ --dt-action-color-foreground-muted-default: #C2C2C2;
268
+ --dt-action-color-foreground-muted-hover: #C2C2C2;
269
+ --dt-action-color-foreground-muted-active: #C2C2C2;
270
270
  --dt-action-color-foreground-disabled-default: #AAAAAA;
271
271
  --dt-action-color-background-base-hover: #ab7eff1a;
272
272
  --dt-action-color-background-base-active: #ab7eff33;
@@ -287,44 +287,45 @@
287
287
  --dt-action-color-background-inverted-hover: #1f1f1f26;
288
288
  --dt-action-color-background-inverted-active: #1f1f1f4d;
289
289
  --dt-action-color-background-muted-default: transparent;
290
- --dt-action-color-background-muted-hover: #e9e9e91a;
291
- --dt-action-color-background-muted-active: #e9e9e929;
290
+ --dt-action-color-background-muted-hover: #d4d4d41a;
291
+ --dt-action-color-background-muted-active: #d4d4d429;
292
292
  --dt-action-color-background-disabled-default: #3A3A3A;
293
293
  --dt-action-color-border-base-outlined-default: #AB7EFF;
294
294
  --dt-action-color-border-critical-outlined-default: #FF8585;
295
295
  --dt-action-color-border-inverted-outlined-default: #000000;
296
296
  --dt-action-color-border-muted-outlined-default: #AAAAAA;
297
297
  --dt-theme-topbar-field-color-background-hover: #000;
298
- --dt-theme-topbar-field-color-foreground: #f9f9f980;
299
- --dt-theme-topbar-field-color-foreground-hover: #f9f9f9bf;
300
- --dt-theme-topbar-field-color-background: #f9f9f90d;
301
- --dt-theme-topbar-field-color-border: #f9f9f900;
302
- --dt-theme-topbar-field-color-border-hover: #f9f9f91a;
303
- --dt-theme-topbar-field-color-border-active: #f9f9f933;
304
- --dt-theme-topbar-button-color-background-hover: #f9f9f926;
305
- --dt-theme-topbar-button-color-foreground: #f9f9f9a6;
306
- --dt-theme-topbar-button-color-foreground-hover: #F9F9F9;
307
- --dt-theme-topbar-button-color-background: #f9f9f900;
308
- --dt-theme-topbar-button-color-background-active: #f9f9f91a;
309
- --dt-theme-topbar-color-foreground: #f9f9f9bf;
298
+ --dt-theme-topbar-field-color-foreground: #e6e6e680;
299
+ --dt-theme-topbar-field-color-foreground-hover: #e6e6e6bf;
300
+ --dt-theme-topbar-field-color-background: #e6e6e60d;
301
+ --dt-theme-topbar-field-color-border: #e6e6e600;
302
+ --dt-theme-topbar-field-color-border-hover: #e6e6e61a;
303
+ --dt-theme-topbar-field-color-border-active: #e6e6e633;
304
+ --dt-theme-topbar-button-color-background-hover: #e6e6e626;
305
+ --dt-theme-topbar-button-color-foreground: #e6e6e6a6;
306
+ --dt-theme-topbar-button-color-foreground-hover: #E6E6E6;
307
+ --dt-theme-topbar-button-color-background: #e6e6e600;
308
+ --dt-theme-topbar-button-color-background-active: #e6e6e61a;
309
+ --dt-theme-topbar-color-foreground: #e6e6e6bf;
310
310
  --dt-theme-topbar-color-background: #262626;
311
- --dt-theme-topbar-profile-color-foreground: #f9f9f9bf;
311
+ --dt-theme-topbar-profile-color-foreground: #e6e6e6bf;
312
312
  --dt-theme-topbar-profile-color-foreground-inverted: #000000bf;
313
- --dt-theme-topbar-profile-color-background: #f9f9f90d;
314
- --dt-theme-topbar-profile-color-background-inverted: #f9f9f9bf;
315
- --dt-theme-topbar-profile-color-background-hover: #f9f9f91a;
316
- --dt-theme-topbar-profile-color-background-active: #f9f9f924;
317
- --dt-theme-sidebar-section-color-foreground: #a7a7a7;
318
- --dt-theme-sidebar-icon-color-foreground: #c0c0c0;
319
- --dt-theme-sidebar-row-color-background-hover: #f9f9f92e;
320
- --dt-theme-sidebar-row-color-background-active: #f9f9f93d;
321
- --dt-theme-sidebar-row-color-background: #f9f9f900;
322
- --dt-theme-sidebar-selected-row-color-background: #f9f9f933;
323
- --dt-theme-sidebar-selected-row-color-foreground: #F9F9F9;
324
- --dt-theme-sidebar-color-foreground: #F9F9F9;
313
+ --dt-theme-topbar-profile-color-background: #e6e6e60d;
314
+ --dt-theme-topbar-profile-color-background-inverted: #e6e6e6bf;
315
+ --dt-theme-topbar-profile-color-background-hover: #e6e6e61a;
316
+ --dt-theme-topbar-profile-color-background-active: #e6e6e624;
317
+ --dt-theme-sidebar-row-color-background-hover: #e6e6e62e;
318
+ --dt-theme-sidebar-row-color-background-active: #e6e6e63d;
319
+ --dt-theme-sidebar-row-color-background: #e6e6e600;
320
+ --dt-theme-sidebar-selected-row-color-background: #e6e6e633;
321
+ --dt-theme-sidebar-selected-row-color-foreground: #E6E6E6;
322
+ --dt-theme-sidebar-color-foreground: #C2C2C2;
323
+ --dt-theme-sidebar-color-foreground-unread: #E6E6E6;
325
324
  --dt-theme-sidebar-color-background: #262626;
326
- --dt-theme-sidebar-status-color-foreground: #fbfbfb;
327
- --dt-theme-color-base: #F9F9F9;
325
+ --dt-theme-sidebar-icon-color-foreground: #C2C2C2;
326
+ --dt-theme-sidebar-status-color-foreground: #AAAAAA;
327
+ --dt-theme-sidebar-section-color-foreground: #AAAAAA;
328
+ --dt-theme-color-base: #E6E6E6;
328
329
  --dt-theme-presence-color-background-available: #B0FFA3;
329
330
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
330
331
  --dt-theme-presence-color-background-busy: #F6AB3C;
package/dist/css/variables-light.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 24 Jul 2023 16:30:53 GMT
3
+ * Generated on Fri, 04 Aug 2023 17:38:19 GMT
4
4
  */
5
5
 
6
6
  .dialtone-theme-light {
@@ -87,13 +87,13 @@
87
87
  --dt-color-link-critical: #ec0e0e;
88
88
  --dt-color-link-success: #1aa340;
89
89
  --dt-color-link-warning: #815008;
90
- --dt-color-link-muted: rgba(34, 34, 34, 0.5);
90
+ --dt-color-link-muted: #3a3a3a;
91
91
  --dt-color-link-disabled: #808080;
92
92
  --dt-color-link-primary-inverted: #ab7eff;
93
93
  --dt-color-link-critical-inverted: #ff8585;
94
94
  --dt-color-link-success-inverted: #b0ffa3;
95
95
  --dt-color-link-warning-inverted: #fff4cc;
96
- --dt-color-link-muted-inverted: rgba(233, 233, 233, 0.6);
96
+ --dt-color-link-muted-inverted: #e9e9e9;
97
97
  --dt-color-link-disabled-inverted: #808080;
98
98
  --dt-color-link-primary-hover: #3a1d95;
99
99
  --dt-color-link-critical-hover: #b70b0b;
@@ -568,16 +568,17 @@
568
568
  --dt-theme-topbar-profile-color-background-inverted: #000000bf;
569
569
  --dt-theme-topbar-profile-color-background-hover: #0000001a;
570
570
  --dt-theme-topbar-profile-color-background-active: #00000024;
571
- --dt-theme-sidebar-color-foreground: #000000;
571
+ --dt-theme-sidebar-color-foreground: #3A3A3A;
572
+ --dt-theme-sidebar-color-foreground-unread: #000000;
572
573
  --dt-theme-sidebar-color-background: #F9F9F9;
573
- --dt-theme-sidebar-icon-color-foreground: #3b3b3b;
574
- --dt-theme-sidebar-status-color-foreground: #545454;
574
+ --dt-theme-sidebar-icon-color-foreground: #3A3A3A;
575
+ --dt-theme-sidebar-status-color-foreground: #555555;
575
576
  --dt-theme-sidebar-row-color-background: #0000;
576
577
  --dt-theme-sidebar-row-color-background-hover: #0000001f;
577
578
  --dt-theme-sidebar-row-color-background-active: #00000029;
578
579
  --dt-theme-sidebar-selected-row-color-foreground: #000000;
579
580
  --dt-theme-sidebar-selected-row-color-background: #0000001a;
580
- --dt-theme-sidebar-section-color-foreground: #545454;
581
+ --dt-theme-sidebar-section-color-foreground: #555555;
581
582
  --dt-theme-presence-color-background-available: #1AA340;
582
583
  --dt-theme-presence-color-background-busy-unavailable: #EC0E0E;
583
584
  --dt-theme-presence-color-background-busy: #F6AB3C;