@dialpad/dialtone 9.126.3 → 9.126.4

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 (19) hide show
  1. package/dist/css/tokens/tokens-tmo-dark.css +46 -46
  2. package/dist/css/tokens/tokens-tmo-light.css +50 -50
  3. package/dist/css/tokens-docs.json +1 -1
  4. package/dist/tokens/css/tokens-tmo-dark.css +46 -46
  5. package/dist/tokens/css/tokens-tmo-light.css +50 -50
  6. package/dist/tokens/doc.json +17632 -17677
  7. package/dist/tokens/less/tokens-tmo-dark.less +9 -9
  8. package/dist/tokens/less/tokens-tmo-light.less +9 -9
  9. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  10. package/dist/tokens/themes/tmo-dark.js +1 -1
  11. package/dist/tokens/themes/tmo-light.cjs +1 -1
  12. package/dist/tokens/themes/tmo-light.js +1 -1
  13. package/dist/tokens/tokens-tmo-dark.json +9 -9
  14. package/dist/tokens/tokens-tmo-light.json +9 -9
  15. package/dist/vue2/localization/ja-JP.cjs +16 -0
  16. package/dist/vue2/localization/ja-JP.cjs.map +1 -1
  17. package/dist/vue2/localization/ja-JP.js +16 -0
  18. package/dist/vue2/localization/ja-JP.js.map +1 -1
  19. package/package.json +4 -4
package/dist/css/tokens/tokens-tmo-dark.css CHANGED
@@ -208,20 +208,55 @@
208
208
  --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
209
209
  --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
210
210
  --dt-color-border-brand: #FFB2DA;
211
- --dt-color-surface-brand-subtle-opaque-h: 329;
211
+ --dt-color-surface-brand-subtle-opaque-inverted-h: 329;
212
+ --dt-color-surface-brand-subtle-opaque-inverted-s: 94%;
213
+ --dt-color-surface-brand-subtle-opaque-inverted-l: 86.9%;
214
+ --dt-color-surface-brand-subtle-opaque-inverted-a: 25%;
215
+ --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
216
+ --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 25%));
217
+ --dt-color-surface-brand-subtle-opaque-inverted: hsl(329 94% 86.9% / 0.25);
218
+ --dt-color-surface-brand-opaque-inverted-h: 329;
219
+ --dt-color-surface-brand-opaque-inverted-s: 94%;
220
+ --dt-color-surface-brand-opaque-inverted-l: 86.9%;
221
+ --dt-color-surface-brand-opaque-inverted-a: 80%;
222
+ --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
223
+ --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
224
+ --dt-color-surface-brand-opaque-inverted: hsl(329 94% 86.9% / 0.8);
225
+ --dt-color-surface-brand-strong-inverted-h: 329.20353982300884;
226
+ --dt-color-surface-brand-strong-inverted-s: 100%;
227
+ --dt-color-surface-brand-strong-inverted-l: 44.31372549019608%;
228
+ --dt-color-surface-brand-strong-inverted-a: 100%;
229
+ --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
230
+ --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
231
+ --dt-color-surface-brand-strong-inverted: #E20074;
232
+ --dt-color-surface-brand-subtle-inverted-h: 328;
233
+ --dt-color-surface-brand-subtle-inverted-s: 100%;
234
+ --dt-color-surface-brand-subtle-inverted-l: 97.05882352941177%;
235
+ --dt-color-surface-brand-subtle-inverted-a: 100%;
236
+ --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
237
+ --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
238
+ --dt-color-surface-brand-subtle-inverted: #FFF0F8;
239
+ --dt-color-surface-brand-inverted-h: 329.4117647058824;
240
+ --dt-color-surface-brand-inverted-s: 100%;
241
+ --dt-color-surface-brand-inverted-l: 90%;
242
+ --dt-color-surface-brand-inverted-a: 100%;
243
+ --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
244
+ --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
245
+ --dt-color-surface-brand-inverted: #FFCCE6;
246
+ --dt-color-surface-brand-subtle-opaque-h: 328;
212
247
  --dt-color-surface-brand-subtle-opaque-s: 100%;
213
- --dt-color-surface-brand-subtle-opaque-l: 44.3%;
214
- --dt-color-surface-brand-subtle-opaque-a: 5%;
248
+ --dt-color-surface-brand-subtle-opaque-l: 10.4%;
249
+ --dt-color-surface-brand-subtle-opaque-a: 90%;
215
250
  --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
216
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
217
- --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
251
+ --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 90%));
252
+ --dt-color-surface-brand-subtle-opaque: hsl(328 100% 10.4% / 0.9);
218
253
  --dt-color-surface-brand-opaque-h: 329;
219
254
  --dt-color-surface-brand-opaque-s: 100%;
220
- --dt-color-surface-brand-opaque-l: 44.3%;
221
- --dt-color-surface-brand-opaque-a: 11%;
255
+ --dt-color-surface-brand-opaque-l: 14.7%;
256
+ --dt-color-surface-brand-opaque-a: 80%;
222
257
  --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
223
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
224
- --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
258
+ --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
259
+ --dt-color-surface-brand-opaque: hsl(329 100% 14.7% / 0.8);
225
260
  --dt-color-surface-brand-strong-h: 328.83116883116884;
226
261
  --dt-color-surface-brand-strong-s: 100%;
227
262
  --dt-color-surface-brand-strong-l: 84.90196078431373%;
@@ -968,13 +1003,6 @@
968
1003
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
969
1004
  --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
970
1005
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
971
- --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
972
- --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
973
- --dt-color-surface-brand-subtle-opaque-inverted-l: 98.2%;
974
- --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
975
- --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
976
- --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
977
- --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 100% 98.2% / 0.66); /* Info surface as opaque background color. */
978
1006
  --dt-color-surface-info-subtle-opaque-inverted-h: 210;
979
1007
  --dt-color-surface-info-subtle-opaque-inverted-s: 66.7%;
980
1008
  --dt-color-surface-info-subtle-opaque-inverted-l: 97.6%;
@@ -1003,13 +1031,6 @@
1003
1031
  --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
1004
1032
  --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 80%));
1005
1033
  --dt-color-surface-critical-subtle-opaque-inverted: hsl(358 100% 94.9% / 0.8);
1006
- --dt-color-surface-brand-opaque-inverted-h: 260;
1007
- --dt-color-surface-brand-opaque-inverted-s: 100%;
1008
- --dt-color-surface-brand-opaque-inverted-l: 97.1%;
1009
- --dt-color-surface-brand-opaque-inverted-a: 80%;
1010
- --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
1011
- --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
1012
- --dt-color-surface-brand-opaque-inverted: hsl(260 100% 97.1% / 0.8); /* Info surface as opaque background color. */
1013
1034
  --dt-color-surface-info-opaque-inverted-h: 210;
1014
1035
  --dt-color-surface-info-opaque-inverted-s: 61.5%;
1015
1036
  --dt-color-surface-info-opaque-inverted-l: 94.9%;
@@ -1073,13 +1094,6 @@
1073
1094
  --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
1074
1095
  --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 4%));
1075
1096
  --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 0% / 0.04);
1076
- --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-350-h);
1077
- --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-350-s);
1078
- --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-350-l);
1079
- --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-350-a);
1080
- --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-350-hsl);
1081
- --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-350-hsla);
1082
- --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-350);
1083
1097
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-300-h);
1084
1098
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-300-s);
1085
1099
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-300-l);
@@ -1108,13 +1122,6 @@
1108
1122
  --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-400-hsl);
1109
1123
  --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-400-hsla);
1110
1124
  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-400);
1111
- --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
1112
- --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
1113
- --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
1114
- --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
1115
- --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
1116
- --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
1117
- --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
1118
1125
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
1119
1126
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
1120
1127
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1143,13 +1150,6 @@
1143
1150
  --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1144
1151
  --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1145
1152
  --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1146
- --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1147
- --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1148
- --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
1149
- --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1150
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1151
- --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1152
- --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1153
1153
  --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1154
1154
  --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1155
1155
  --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1994,11 +1994,11 @@
1994
1994
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1995
1995
  --dt-action-color-background-base-active-h: 329;
1996
1996
  --dt-action-color-background-base-active-s: 100%;
1997
- --dt-action-color-background-base-active-l: 44.3%;
1997
+ --dt-action-color-background-base-active-l: 14.7%;
1998
1998
  --dt-action-color-background-base-active-a: 30%;
1999
1999
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
2000
2000
  --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 30%));
2001
- --dt-action-color-background-base-active: hsl(329 100% 44.3% / 0.3);
2001
+ --dt-action-color-background-base-active: hsl(329 100% 14.7% / 0.3);
2002
2002
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
2003
2003
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
2004
2004
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);
package/dist/css/tokens/tokens-tmo-light.css CHANGED
@@ -215,20 +215,55 @@
215
215
  --dt-color-border-brand-hsl: var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l);
216
216
  --dt-color-border-brand-hsla: hsl(var(--dt-color-border-brand-h) var(--dt-color-border-brand-s) var(--dt-color-border-brand-l) / var(--alpha, 100%));
217
217
  --dt-color-border-brand: #E20074;
218
+ --dt-color-surface-brand-subtle-opaque-inverted-h: 328;
219
+ --dt-color-surface-brand-subtle-opaque-inverted-s: 100%;
220
+ --dt-color-surface-brand-subtle-opaque-inverted-l: 10.4%;
221
+ --dt-color-surface-brand-subtle-opaque-inverted-a: 90%;
222
+ --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
223
+ --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 90%));
224
+ --dt-color-surface-brand-subtle-opaque-inverted: hsl(328 100% 10.4% / 0.9);
225
+ --dt-color-surface-brand-opaque-inverted-h: 329;
226
+ --dt-color-surface-brand-opaque-inverted-s: 100%;
227
+ --dt-color-surface-brand-opaque-inverted-l: 14.7%;
228
+ --dt-color-surface-brand-opaque-inverted-a: 80%;
229
+ --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
230
+ --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
231
+ --dt-color-surface-brand-opaque-inverted: hsl(329 100% 14.7% / 0.8);
232
+ --dt-color-surface-brand-strong-inverted-h: 328.83116883116884;
233
+ --dt-color-surface-brand-strong-inverted-s: 100%;
234
+ --dt-color-surface-brand-strong-inverted-l: 84.90196078431373%;
235
+ --dt-color-surface-brand-strong-inverted-a: 100%;
236
+ --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l);
237
+ --dt-color-surface-brand-strong-inverted-hsla: hsl(var(--dt-color-surface-brand-strong-inverted-h) var(--dt-color-surface-brand-strong-inverted-s) var(--dt-color-surface-brand-strong-inverted-l) / var(--alpha, 100%));
238
+ --dt-color-surface-brand-strong-inverted: #FFB2DA;
239
+ --dt-color-surface-brand-subtle-inverted-h: 328.69565217391306;
240
+ --dt-color-surface-brand-subtle-inverted-s: 100%;
241
+ --dt-color-surface-brand-subtle-inverted-l: 9.019607843137255%;
242
+ --dt-color-surface-brand-subtle-inverted-a: 100%;
243
+ --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l);
244
+ --dt-color-surface-brand-subtle-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-inverted-h) var(--dt-color-surface-brand-subtle-inverted-s) var(--dt-color-surface-brand-subtle-inverted-l) / var(--alpha, 100%));
245
+ --dt-color-surface-brand-subtle-inverted: #2E0018;
246
+ --dt-color-surface-brand-inverted-h: 329.5081967213115;
247
+ --dt-color-surface-brand-inverted-s: 100%;
248
+ --dt-color-surface-brand-inverted-l: 11.96078431372549%;
249
+ --dt-color-surface-brand-inverted-a: 100%;
250
+ --dt-color-surface-brand-inverted-hsl: var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l);
251
+ --dt-color-surface-brand-inverted-hsla: hsl(var(--dt-color-surface-brand-inverted-h) var(--dt-color-surface-brand-inverted-s) var(--dt-color-surface-brand-inverted-l) / var(--alpha, 100%));
252
+ --dt-color-surface-brand-inverted: #3D001F;
218
253
  --dt-color-surface-brand-subtle-opaque-h: 329;
219
- --dt-color-surface-brand-subtle-opaque-s: 100%;
220
- --dt-color-surface-brand-subtle-opaque-l: 44.3%;
221
- --dt-color-surface-brand-subtle-opaque-a: 5%;
254
+ --dt-color-surface-brand-subtle-opaque-s: 94%;
255
+ --dt-color-surface-brand-subtle-opaque-l: 86.9%;
256
+ --dt-color-surface-brand-subtle-opaque-a: 25%;
222
257
  --dt-color-surface-brand-subtle-opaque-hsl: var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l);
223
- --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 5%));
224
- --dt-color-surface-brand-subtle-opaque: hsl(329 100% 44.3% / 0.05);
258
+ --dt-color-surface-brand-subtle-opaque-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-h) var(--dt-color-surface-brand-subtle-opaque-s) var(--dt-color-surface-brand-subtle-opaque-l) / var(--alpha, 25%));
259
+ --dt-color-surface-brand-subtle-opaque: hsl(329 94% 86.9% / 0.25);
225
260
  --dt-color-surface-brand-opaque-h: 329;
226
- --dt-color-surface-brand-opaque-s: 100%;
227
- --dt-color-surface-brand-opaque-l: 44.3%;
228
- --dt-color-surface-brand-opaque-a: 11%;
261
+ --dt-color-surface-brand-opaque-s: 94%;
262
+ --dt-color-surface-brand-opaque-l: 86.9%;
263
+ --dt-color-surface-brand-opaque-a: 80%;
229
264
  --dt-color-surface-brand-opaque-hsl: var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l);
230
- --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 11%));
231
- --dt-color-surface-brand-opaque: hsl(329 100% 44.3% / 0.11);
265
+ --dt-color-surface-brand-opaque-hsla: hsl(var(--dt-color-surface-brand-opaque-h) var(--dt-color-surface-brand-opaque-s) var(--dt-color-surface-brand-opaque-l) / var(--alpha, 80%));
266
+ --dt-color-surface-brand-opaque: hsl(329 94% 86.9% / 0.8);
232
267
  --dt-color-surface-brand-strong-h: 329.20353982300884;
233
268
  --dt-color-surface-brand-strong-s: 100%;
234
269
  --dt-color-surface-brand-strong-l: 44.31372549019608%;
@@ -982,13 +1017,6 @@
982
1017
  --dt-color-surface-backdrop-hsl: var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l);
983
1018
  --dt-color-surface-backdrop-hsla: hsl(var(--dt-color-surface-backdrop-h) var(--dt-color-surface-backdrop-s) var(--dt-color-surface-backdrop-l) / var(--alpha, 65%));
984
1019
  --dt-color-surface-backdrop: hsl(0 0% 0% / 0.65); /* Background color for a modal-like backdrop. */
985
- --dt-color-surface-brand-subtle-opaque-inverted-h: 260;
986
- --dt-color-surface-brand-subtle-opaque-inverted-s: 91.3%;
987
- --dt-color-surface-brand-subtle-opaque-inverted-l: 9.02%;
988
- --dt-color-surface-brand-subtle-opaque-inverted-a: 66%;
989
- --dt-color-surface-brand-subtle-opaque-inverted-hsl: var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l);
990
- --dt-color-surface-brand-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-subtle-opaque-inverted-h) var(--dt-color-surface-brand-subtle-opaque-inverted-s) var(--dt-color-surface-brand-subtle-opaque-inverted-l) / var(--alpha, 66%));
991
- --dt-color-surface-brand-subtle-opaque-inverted: hsl(260 91.3% 9.02% / 0.66); /* Info surface as opaque background color. */
992
1020
  --dt-color-surface-info-subtle-opaque-inverted-h: 211;
993
1021
  --dt-color-surface-info-subtle-opaque-inverted-s: 91.3%;
994
1022
  --dt-color-surface-info-subtle-opaque-inverted-l: 4.51%;
@@ -1017,13 +1045,6 @@
1017
1045
  --dt-color-surface-critical-subtle-opaque-inverted-hsl: var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l);
1018
1046
  --dt-color-surface-critical-subtle-opaque-inverted-hsla: hsl(var(--dt-color-surface-critical-subtle-opaque-inverted-h) var(--dt-color-surface-critical-subtle-opaque-inverted-s) var(--dt-color-surface-critical-subtle-opaque-inverted-l) / var(--alpha, 60%));
1019
1047
  --dt-color-surface-critical-subtle-opaque-inverted: hsl(344 93.1% 5.69% / 0.6); /* Critical subtle surface as opaque background color. */
1020
- --dt-color-surface-brand-opaque-inverted-h: 260;
1021
- --dt-color-surface-brand-opaque-inverted-s: 97.7%;
1022
- --dt-color-surface-brand-opaque-inverted-l: 16.9%;
1023
- --dt-color-surface-brand-opaque-inverted-a: 80%;
1024
- --dt-color-surface-brand-opaque-inverted-hsl: var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l);
1025
- --dt-color-surface-brand-opaque-inverted-hsla: hsl(var(--dt-color-surface-brand-opaque-inverted-h) var(--dt-color-surface-brand-opaque-inverted-s) var(--dt-color-surface-brand-opaque-inverted-l) / var(--alpha, 80%));
1026
- --dt-color-surface-brand-opaque-inverted: hsl(260 97.7% 16.9% / 0.8); /* Info surface as opaque background color. */
1027
1048
  --dt-color-surface-info-opaque-inverted-h: 211;
1028
1049
  --dt-color-surface-info-opaque-inverted-s: 100%;
1029
1050
  --dt-color-surface-info-opaque-inverted-l: 8.04%;
@@ -1087,13 +1108,6 @@
1087
1108
  --dt-color-surface-secondary-opaque-inverted-hsl: var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l);
1088
1109
  --dt-color-surface-secondary-opaque-inverted-hsla: hsl(var(--dt-color-surface-secondary-opaque-inverted-h) var(--dt-color-surface-secondary-opaque-inverted-s) var(--dt-color-surface-secondary-opaque-inverted-l) / var(--alpha, 15%));
1089
1110
  --dt-color-surface-secondary-opaque-inverted: hsl(0 0% 100% / 0.15); /* Secondary surface as opaque background color. */
1090
- --dt-color-surface-brand-strong-inverted-h: var(--dt-color-purple-250-h);
1091
- --dt-color-surface-brand-strong-inverted-s: var(--dt-color-purple-250-s);
1092
- --dt-color-surface-brand-strong-inverted-l: var(--dt-color-purple-250-l);
1093
- --dt-color-surface-brand-strong-inverted-a: var(--dt-color-purple-250-a);
1094
- --dt-color-surface-brand-strong-inverted-hsl: var(--dt-color-purple-250-hsl);
1095
- --dt-color-surface-brand-strong-inverted-hsla: var(--dt-color-purple-250-hsla);
1096
- --dt-color-surface-brand-strong-inverted: var(--dt-color-purple-250); /* A contrasting informational surface, most likely paired with inverted foreground colors. */
1097
1111
  --dt-color-surface-info-strong-inverted-h: var(--dt-color-blue-425-h);
1098
1112
  --dt-color-surface-info-strong-inverted-s: var(--dt-color-blue-425-s);
1099
1113
  --dt-color-surface-info-strong-inverted-l: var(--dt-color-blue-425-l);
@@ -1122,13 +1136,6 @@
1122
1136
  --dt-color-surface-critical-strong-inverted-hsl: var(--dt-color-red-300-hsl);
1123
1137
  --dt-color-surface-critical-strong-inverted-hsla: var(--dt-color-red-300-hsla);
1124
1138
  --dt-color-surface-critical-strong-inverted: var(--dt-color-red-300); /* A contrasting critical surface, most likely paired with inverted foreground colors. */
1125
- --dt-color-surface-brand-subtle-inverted-h: var(--dt-color-purple-1000-h);
1126
- --dt-color-surface-brand-subtle-inverted-s: var(--dt-color-purple-1000-s);
1127
- --dt-color-surface-brand-subtle-inverted-l: var(--dt-color-purple-1000-l);
1128
- --dt-color-surface-brand-subtle-inverted-a: var(--dt-color-purple-1000-a);
1129
- --dt-color-surface-brand-subtle-inverted-hsl: var(--dt-color-purple-1000-hsl);
1130
- --dt-color-surface-brand-subtle-inverted-hsla: var(--dt-color-purple-1000-hsla);
1131
- --dt-color-surface-brand-subtle-inverted: var(--dt-color-purple-1000); /* A softer version of the default informational surface. */
1132
1139
  --dt-color-surface-info-subtle-inverted-h: var(--dt-color-blue-1000-h);
1133
1140
  --dt-color-surface-info-subtle-inverted-s: var(--dt-color-blue-1000-s);
1134
1141
  --dt-color-surface-info-subtle-inverted-l: var(--dt-color-blue-1000-l);
@@ -1157,13 +1164,6 @@
1157
1164
  --dt-color-surface-critical-subtle-inverted-hsl: var(--dt-color-red-1000-hsl);
1158
1165
  --dt-color-surface-critical-subtle-inverted-hsla: var(--dt-color-red-1000-hsla);
1159
1166
  --dt-color-surface-critical-subtle-inverted: var(--dt-color-red-1000); /* A softer version of the Critical surface. */
1160
- --dt-color-surface-brand-inverted-h: var(--dt-color-purple-600-h);
1161
- --dt-color-surface-brand-inverted-s: var(--dt-color-purple-600-s);
1162
- --dt-color-surface-brand-inverted-l: var(--dt-color-purple-600-l);
1163
- --dt-color-surface-brand-inverted-a: var(--dt-color-purple-600-a);
1164
- --dt-color-surface-brand-inverted-hsl: var(--dt-color-purple-600-hsl);
1165
- --dt-color-surface-brand-inverted-hsla: var(--dt-color-purple-600-hsla);
1166
- --dt-color-surface-brand-inverted: var(--dt-color-purple-600); /* Background surface color containing messaging or elements communicated as generally informational. */
1167
1167
  --dt-color-surface-info-inverted-h: var(--dt-color-blue-900-h);
1168
1168
  --dt-color-surface-info-inverted-s: var(--dt-color-blue-900-s);
1169
1169
  --dt-color-surface-info-inverted-l: var(--dt-color-blue-900-l);
@@ -1993,12 +1993,12 @@
1993
1993
  --dt-action-color-background-critical-hover-hsla: var(--dt-color-surface-critical-opaque-hsla);
1994
1994
  --dt-action-color-background-critical-hover: var(--dt-color-surface-critical-opaque);
1995
1995
  --dt-action-color-background-base-active-h: 329;
1996
- --dt-action-color-background-base-active-s: 100%;
1997
- --dt-action-color-background-base-active-l: 39.4%;
1998
- --dt-action-color-background-base-active-a: 11%;
1996
+ --dt-action-color-background-base-active-s: 94%;
1997
+ --dt-action-color-background-base-active-l: 77.3%;
1998
+ --dt-action-color-background-base-active-a: 80%;
1999
1999
  --dt-action-color-background-base-active-hsl: var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l);
2000
- --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 11%));
2001
- --dt-action-color-background-base-active: hsl(329 100% 39.4% / 0.11);
2000
+ --dt-action-color-background-base-active-hsla: hsl(var(--dt-action-color-background-base-active-h) var(--dt-action-color-background-base-active-s) var(--dt-action-color-background-base-active-l) / var(--alpha, 80%));
2001
+ --dt-action-color-background-base-active: hsl(329 94% 77.3% / 0.8);
2002
2002
  --dt-action-color-foreground-disabled-default-h: var(--dt-color-foreground-disabled-h);
2003
2003
  --dt-action-color-foreground-disabled-default-s: var(--dt-color-foreground-disabled-s);
2004
2004
  --dt-action-color-foreground-disabled-default-l: var(--dt-color-foreground-disabled-l);