@dialpad/dialtone 9.114.0 → 9.115.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.
Files changed (38) hide show
  1. package/dist/css/dialtone-default-theme.css +5 -5355
  2. package/dist/css/dialtone-default-theme.min.css +1 -1
  3. package/dist/css/dialtone-docs.json +1 -1
  4. package/dist/css/dialtone.css +5 -2315
  5. package/dist/css/dialtone.min.css +1 -1
  6. package/dist/css/tokens/tokens-deca-dark.css +24 -24
  7. package/dist/css/tokens/tokens-dp-dark.css +24 -24
  8. package/dist/css/tokens/tokens-expressive-dark.css +24 -24
  9. package/dist/css/tokens/tokens-expressive-sm-dark.css +24 -24
  10. package/dist/css/tokens/tokens-tmo-dark.css +24 -24
  11. package/dist/css/tokens-docs.json +1 -1
  12. package/dist/tokens/css/tokens-deca-dark.css +24 -24
  13. package/dist/tokens/css/tokens-dp-dark.css +24 -24
  14. package/dist/tokens/css/tokens-expressive-dark.css +24 -24
  15. package/dist/tokens/css/tokens-expressive-sm-dark.css +24 -24
  16. package/dist/tokens/css/tokens-tmo-dark.css +24 -24
  17. package/dist/tokens/doc.json +20949 -20974
  18. package/dist/tokens/less/tokens-deca-dark.less +4 -4
  19. package/dist/tokens/less/tokens-dp-dark.less +4 -4
  20. package/dist/tokens/less/tokens-expressive-dark.less +4 -4
  21. package/dist/tokens/less/tokens-expressive-sm-dark.less +4 -4
  22. package/dist/tokens/less/tokens-tmo-dark.less +4 -4
  23. package/dist/tokens/themes/dp-dark.cjs +1 -1
  24. package/dist/tokens/themes/dp-dark.js +1 -1
  25. package/dist/tokens/themes/dp-deca-dark.cjs +1 -1
  26. package/dist/tokens/themes/dp-deca-dark.js +1 -1
  27. package/dist/tokens/themes/expressive-dark.cjs +1 -1
  28. package/dist/tokens/themes/expressive-dark.js +1 -1
  29. package/dist/tokens/themes/expressive-sm-dark.cjs +1 -1
  30. package/dist/tokens/themes/expressive-sm-dark.js +1 -1
  31. package/dist/tokens/themes/tmo-dark.cjs +1 -1
  32. package/dist/tokens/themes/tmo-dark.js +1 -1
  33. package/dist/tokens/tokens-deca-dark.json +3 -3
  34. package/dist/tokens/tokens-dp-dark.json +3 -3
  35. package/dist/tokens/tokens-expressive-dark.json +3 -3
  36. package/dist/tokens/tokens-expressive-sm-dark.json +3 -3
  37. package/dist/tokens/tokens-tmo-dark.json +3 -3
  38. package/package.json +3 -3
package/dist/tokens/css/tokens-deca-dark.css CHANGED
@@ -1091,13 +1091,13 @@
1091
1091
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1092
1092
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1093
1093
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1094
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1095
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1096
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1094
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1095
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1096
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1097
1097
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1098
1098
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1099
1099
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1100
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1100
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1101
1101
  --dt-color-surface-critical-subtle-opaque-h: 344;
1102
1102
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1103
1103
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1126,13 +1126,13 @@
1126
1126
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1127
1127
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1128
1128
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1129
- --dt-color-surface-warning-opaque-h: 34.9;
1130
- --dt-color-surface-warning-opaque-s: 90.8%;
1131
- --dt-color-surface-warning-opaque-l: 17.1%;
1132
- --dt-color-surface-warning-opaque-a: 35%;
1129
+ --dt-color-surface-warning-opaque-h: 35.7;
1130
+ --dt-color-surface-warning-opaque-s: 88.3%;
1131
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1132
+ --dt-color-surface-warning-opaque-a: 55%;
1133
1133
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1134
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1135
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1134
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1135
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1136
1136
  --dt-color-surface-critical-opaque-h: 343;
1137
1137
  --dt-color-surface-critical-opaque-s: 72.9%;
1138
1138
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1231,13 +1231,13 @@
1231
1231
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1232
1232
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1233
1233
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1234
- --dt-color-surface-warning-subtle-h: 35.7;
1235
- --dt-color-surface-warning-subtle-s: 91.3%;
1236
- --dt-color-surface-warning-subtle-l: 4.51%;
1237
- --dt-color-surface-warning-subtle-a: 100%;
1238
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1239
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1240
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1234
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1235
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1236
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1237
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1238
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1239
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1240
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1241
1241
  --dt-color-surface-critical-subtle-h: 343;
1242
1242
  --dt-color-surface-critical-subtle-s: 100%;
1243
1243
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1266,13 +1266,13 @@
1266
1266
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1267
1267
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1268
1268
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1269
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1270
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1271
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1272
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1273
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1274
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1275
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1269
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1270
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1271
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1272
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1273
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1274
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1275
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1276
1276
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1277
1277
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1278
1278
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
package/dist/tokens/css/tokens-dp-dark.css CHANGED
@@ -1091,13 +1091,13 @@
1091
1091
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1092
1092
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1093
1093
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1094
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1095
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1096
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1094
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1095
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1096
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1097
1097
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1098
1098
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1099
1099
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1100
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1100
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1101
1101
  --dt-color-surface-critical-subtle-opaque-h: 344;
1102
1102
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1103
1103
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1126,13 +1126,13 @@
1126
1126
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1127
1127
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1128
1128
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1129
- --dt-color-surface-warning-opaque-h: 34.9;
1130
- --dt-color-surface-warning-opaque-s: 90.8%;
1131
- --dt-color-surface-warning-opaque-l: 17.1%;
1132
- --dt-color-surface-warning-opaque-a: 35%;
1129
+ --dt-color-surface-warning-opaque-h: 35.7;
1130
+ --dt-color-surface-warning-opaque-s: 88.3%;
1131
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1132
+ --dt-color-surface-warning-opaque-a: 55%;
1133
1133
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1134
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1135
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1134
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1135
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1136
1136
  --dt-color-surface-critical-opaque-h: 343;
1137
1137
  --dt-color-surface-critical-opaque-s: 72.9%;
1138
1138
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1231,13 +1231,13 @@
1231
1231
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1232
1232
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1233
1233
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1234
- --dt-color-surface-warning-subtle-h: 35.7;
1235
- --dt-color-surface-warning-subtle-s: 91.3%;
1236
- --dt-color-surface-warning-subtle-l: 4.51%;
1237
- --dt-color-surface-warning-subtle-a: 100%;
1238
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1239
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1240
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1234
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1235
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1236
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1237
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1238
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1239
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1240
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1241
1241
  --dt-color-surface-critical-subtle-h: 343;
1242
1242
  --dt-color-surface-critical-subtle-s: 100%;
1243
1243
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1266,13 +1266,13 @@
1266
1266
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1267
1267
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1268
1268
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1269
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1270
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1271
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1272
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1273
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1274
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1275
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1269
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1270
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1271
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1272
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1273
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1274
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1275
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1276
1276
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1277
1277
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1278
1278
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
package/dist/tokens/css/tokens-expressive-dark.css CHANGED
@@ -1049,13 +1049,13 @@
1049
1049
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1050
1050
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1051
1051
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1052
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1053
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1054
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1052
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1053
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1054
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1055
1055
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1056
1056
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1057
1057
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1058
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1058
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1059
1059
  --dt-color-surface-critical-subtle-opaque-h: 344;
1060
1060
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1061
1061
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1084,13 +1084,13 @@
1084
1084
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1085
1085
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1086
1086
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1087
- --dt-color-surface-warning-opaque-h: 34.9;
1088
- --dt-color-surface-warning-opaque-s: 90.8%;
1089
- --dt-color-surface-warning-opaque-l: 17.1%;
1090
- --dt-color-surface-warning-opaque-a: 35%;
1087
+ --dt-color-surface-warning-opaque-h: 35.7;
1088
+ --dt-color-surface-warning-opaque-s: 88.3%;
1089
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1090
+ --dt-color-surface-warning-opaque-a: 55%;
1091
1091
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1092
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1093
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1092
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1093
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1094
1094
  --dt-color-surface-critical-opaque-h: 343;
1095
1095
  --dt-color-surface-critical-opaque-s: 72.9%;
1096
1096
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1189,13 +1189,13 @@
1189
1189
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1190
1190
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1191
1191
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1192
- --dt-color-surface-warning-subtle-h: 35.7;
1193
- --dt-color-surface-warning-subtle-s: 91.3%;
1194
- --dt-color-surface-warning-subtle-l: 4.51%;
1195
- --dt-color-surface-warning-subtle-a: 100%;
1196
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1197
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1198
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1192
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1193
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1194
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1195
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1196
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1197
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1198
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1199
1199
  --dt-color-surface-critical-subtle-h: 343;
1200
1200
  --dt-color-surface-critical-subtle-s: 100%;
1201
1201
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1224,13 +1224,13 @@
1224
1224
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1225
1225
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1226
1226
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1227
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1228
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1229
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1230
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1231
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1232
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1233
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1227
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1228
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1229
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1230
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1231
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1232
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1233
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1234
1234
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1235
1235
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1236
1236
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
package/dist/tokens/css/tokens-expressive-sm-dark.css CHANGED
@@ -1049,13 +1049,13 @@
1049
1049
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1050
1050
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1051
1051
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1052
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1053
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1054
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1052
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1053
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1054
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1055
1055
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1056
1056
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1057
1057
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1058
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1058
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1059
1059
  --dt-color-surface-critical-subtle-opaque-h: 344;
1060
1060
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1061
1061
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1084,13 +1084,13 @@
1084
1084
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1085
1085
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1086
1086
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1087
- --dt-color-surface-warning-opaque-h: 34.9;
1088
- --dt-color-surface-warning-opaque-s: 90.8%;
1089
- --dt-color-surface-warning-opaque-l: 17.1%;
1090
- --dt-color-surface-warning-opaque-a: 35%;
1087
+ --dt-color-surface-warning-opaque-h: 35.7;
1088
+ --dt-color-surface-warning-opaque-s: 88.3%;
1089
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1090
+ --dt-color-surface-warning-opaque-a: 55%;
1091
1091
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1092
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1093
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1092
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1093
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1094
1094
  --dt-color-surface-critical-opaque-h: 343;
1095
1095
  --dt-color-surface-critical-opaque-s: 72.9%;
1096
1096
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1189,13 +1189,13 @@
1189
1189
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1190
1190
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1191
1191
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1192
- --dt-color-surface-warning-subtle-h: 35.7;
1193
- --dt-color-surface-warning-subtle-s: 91.3%;
1194
- --dt-color-surface-warning-subtle-l: 4.51%;
1195
- --dt-color-surface-warning-subtle-a: 100%;
1196
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1197
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1198
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1192
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1193
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1194
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1195
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1196
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1197
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1198
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1199
1199
  --dt-color-surface-critical-subtle-h: 343;
1200
1200
  --dt-color-surface-critical-subtle-s: 100%;
1201
1201
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1224,13 +1224,13 @@
1224
1224
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1225
1225
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1226
1226
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1227
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1228
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1229
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1230
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1231
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1232
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1233
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1227
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1228
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1229
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1230
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1231
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1232
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1233
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1234
1234
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1235
1235
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1236
1236
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);
package/dist/tokens/css/tokens-tmo-dark.css CHANGED
@@ -1231,13 +1231,13 @@
1231
1231
  --dt-color-surface-success-subtle-opaque-hsl: var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l);
1232
1232
  --dt-color-surface-success-subtle-opaque-hsla: hsl(var(--dt-color-surface-success-subtle-opaque-h) var(--dt-color-surface-success-subtle-opaque-s) var(--dt-color-surface-success-subtle-opaque-l) / var(--alpha, 60%));
1233
1233
  --dt-color-surface-success-subtle-opaque: hsl(157 100% 4.12% / 0.6);
1234
- --dt-color-surface-warning-subtle-opaque-h: 34.8;
1235
- --dt-color-surface-warning-subtle-opaque-s: 93.9%;
1236
- --dt-color-surface-warning-subtle-opaque-l: 6.47%;
1234
+ --dt-color-surface-warning-subtle-opaque-h: 35.7;
1235
+ --dt-color-surface-warning-subtle-opaque-s: 91.3%;
1236
+ --dt-color-surface-warning-subtle-opaque-l: 9.02%;
1237
1237
  --dt-color-surface-warning-subtle-opaque-a: 70%;
1238
1238
  --dt-color-surface-warning-subtle-opaque-hsl: var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l);
1239
1239
  --dt-color-surface-warning-subtle-opaque-hsla: hsl(var(--dt-color-surface-warning-subtle-opaque-h) var(--dt-color-surface-warning-subtle-opaque-s) var(--dt-color-surface-warning-subtle-opaque-l) / var(--alpha, 70%));
1240
- --dt-color-surface-warning-subtle-opaque: hsl(34.8 93.9% 6.47% / 0.7);
1240
+ --dt-color-surface-warning-subtle-opaque: hsl(35.7 91.3% 9.02% / 0.7);
1241
1241
  --dt-color-surface-critical-subtle-opaque-h: 344;
1242
1242
  --dt-color-surface-critical-subtle-opaque-s: 93.1%;
1243
1243
  --dt-color-surface-critical-subtle-opaque-l: 5.69%;
@@ -1259,13 +1259,13 @@
1259
1259
  --dt-color-surface-success-opaque-hsl: var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l);
1260
1260
  --dt-color-surface-success-opaque-hsla: hsl(var(--dt-color-surface-success-opaque-h) var(--dt-color-surface-success-opaque-s) var(--dt-color-surface-success-opaque-l) / var(--alpha, 28%));
1261
1261
  --dt-color-surface-success-opaque: hsl(155 100% 15.5% / 0.28);
1262
- --dt-color-surface-warning-opaque-h: 34.9;
1263
- --dt-color-surface-warning-opaque-s: 90.8%;
1264
- --dt-color-surface-warning-opaque-l: 17.1%;
1265
- --dt-color-surface-warning-opaque-a: 35%;
1262
+ --dt-color-surface-warning-opaque-h: 35.7;
1263
+ --dt-color-surface-warning-opaque-s: 88.3%;
1264
+ --dt-color-surface-warning-opaque-l: 26.899999999999995%;
1265
+ --dt-color-surface-warning-opaque-a: 55%;
1266
1266
  --dt-color-surface-warning-opaque-hsl: var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l);
1267
- --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 35%));
1268
- --dt-color-surface-warning-opaque: hsl(34.9 90.8% 17.1% / 0.35);
1267
+ --dt-color-surface-warning-opaque-hsla: hsl(var(--dt-color-surface-warning-opaque-h) var(--dt-color-surface-warning-opaque-s) var(--dt-color-surface-warning-opaque-l) / var(--alpha, 55%));
1268
+ --dt-color-surface-warning-opaque: hsl(35.7 88.3% 26.9% / 0.55);
1269
1269
  --dt-color-surface-critical-opaque-h: 343;
1270
1270
  --dt-color-surface-critical-opaque-s: 72.9%;
1271
1271
  --dt-color-surface-critical-opaque-l: 33.3%;
@@ -1350,13 +1350,13 @@
1350
1350
  --dt-color-surface-success-subtle-hsl: var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l);
1351
1351
  --dt-color-surface-success-subtle-hsla: hsl(var(--dt-color-surface-success-subtle-h) var(--dt-color-surface-success-subtle-s) var(--dt-color-surface-success-subtle-l) / var(--alpha, 100%));
1352
1352
  --dt-color-surface-success-subtle: hsl(155 95% 3.92%);
1353
- --dt-color-surface-warning-subtle-h: 35.7;
1354
- --dt-color-surface-warning-subtle-s: 91.3%;
1355
- --dt-color-surface-warning-subtle-l: 4.51%;
1356
- --dt-color-surface-warning-subtle-a: 100%;
1357
- --dt-color-surface-warning-subtle-hsl: var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l);
1358
- --dt-color-surface-warning-subtle-hsla: hsl(var(--dt-color-surface-warning-subtle-h) var(--dt-color-surface-warning-subtle-s) var(--dt-color-surface-warning-subtle-l) / var(--alpha, 100%));
1359
- --dt-color-surface-warning-subtle: hsl(35.7 91.3% 4.51%);
1353
+ --dt-color-surface-warning-subtle-h: var(--dt-color-gold-100-h);
1354
+ --dt-color-surface-warning-subtle-s: var(--dt-color-gold-100-s);
1355
+ --dt-color-surface-warning-subtle-l: var(--dt-color-gold-100-l);
1356
+ --dt-color-surface-warning-subtle-a: var(--dt-color-gold-100-a);
1357
+ --dt-color-surface-warning-subtle-hsl: var(--dt-color-gold-100-hsl);
1358
+ --dt-color-surface-warning-subtle-hsla: var(--dt-color-gold-100-hsla);
1359
+ --dt-color-surface-warning-subtle: var(--dt-color-gold-100);
1360
1360
  --dt-color-surface-critical-subtle-h: 343;
1361
1361
  --dt-color-surface-critical-subtle-s: 100%;
1362
1362
  --dt-color-surface-critical-subtle-l: 5.49%;
@@ -1378,13 +1378,13 @@
1378
1378
  --dt-color-surface-success-hsl: var(--dt-color-green-100-hsl);
1379
1379
  --dt-color-surface-success-hsla: var(--dt-color-green-100-hsla);
1380
1380
  --dt-color-surface-success: var(--dt-color-green-100); /* Background surface color containing messaging or elements expressing a positive or successful state. */
1381
- --dt-color-surface-warning-h: var(--dt-color-gold-100-h);
1382
- --dt-color-surface-warning-s: var(--dt-color-gold-100-s);
1383
- --dt-color-surface-warning-l: var(--dt-color-gold-100-l);
1384
- --dt-color-surface-warning-a: var(--dt-color-gold-100-a);
1385
- --dt-color-surface-warning-hsl: var(--dt-color-gold-100-hsl);
1386
- --dt-color-surface-warning-hsla: var(--dt-color-gold-100-hsla);
1387
- --dt-color-surface-warning: var(--dt-color-gold-100); /* Background surface color highlighting messaging or elements that may require user's attention. */
1381
+ --dt-color-surface-warning-h: var(--dt-color-gold-200-h);
1382
+ --dt-color-surface-warning-s: var(--dt-color-gold-200-s);
1383
+ --dt-color-surface-warning-l: var(--dt-color-gold-200-l);
1384
+ --dt-color-surface-warning-a: var(--dt-color-gold-200-a);
1385
+ --dt-color-surface-warning-hsl: var(--dt-color-gold-200-hsl);
1386
+ --dt-color-surface-warning-hsla: var(--dt-color-gold-200-hsla);
1387
+ --dt-color-surface-warning: var(--dt-color-gold-200);
1388
1388
  --dt-color-surface-critical-h: var(--dt-color-red-100-h);
1389
1389
  --dt-color-surface-critical-s: var(--dt-color-red-100-s);
1390
1390
  --dt-color-surface-critical-l: var(--dt-color-red-100-l);