@aurodesignsystem/design-tokens 4.9.1 → 4.10.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 (29) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/tokens/CSSCustomProperties.css +23 -23
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +364 -352
  5. package/dist/tokens/JSONVariablesFlat.json +22 -22
  6. package/dist/tokens/JSONVariablesNested.json +35 -33
  7. package/dist/tokens/JSObject--allTokens.js +364 -352
  8. package/dist/tokens/JSObject--deprecated.js +1 -1
  9. package/dist/tokens/JSVariables--color.js +19 -19
  10. package/dist/tokens/SCSSVariableMap.scss +1 -1
  11. package/dist/tokens/SCSSVariables.scss +23 -23
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +23 -23
  13. package/dist/tokens/SassCustomProperties.scss +23 -23
  14. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  15. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  16. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  17. package/dist/tokens/darkmode/JSObject--deprecatedDark.js +1 -1
  18. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  19. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  20. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  21. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  22. package/package.json +6 -6
  23. package/src/color/background.json +10 -0
  24. package/src/color/border.json +3 -3
  25. package/src/color/container.json +2 -2
  26. package/src/color/icon.json +85 -83
  27. package/src/color/text.json +2 -12
  28. package/src/color/tier.json +161 -161
  29. package/src/color/utility.json +1 -1
package/dist/tokens/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/JSVariables--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -32,6 +32,7 @@ export const DsColorBackgroundAccentDefault = "#ebfafd";
32
32
  export const DsColorBackgroundAccentInverse = "#275b72";
33
33
  export const DsColorBackgroundEmphasisDefault = "#c9e0f7";
34
34
  export const DsColorBackgroundEmphasisInverse = "#225296";
35
+ export const DsColorBackgroundScrimmedDefault = "#000000";
35
36
  export const DsColorBackgroundLightest = "#ffffff";
36
37
  export const DsColorBackgroundLighter = "#f7f7f7";
37
38
  export const DsColorBackgroundDarker = "#01426a";
@@ -358,7 +359,7 @@ export const DsColorBorderAccentDefault = "#badd81";
358
359
  export const DsColorBorderAccentInverse = "#a2c270";
359
360
  export const DsColorBorderSuccessDefault = "#0b6f4d";
360
361
  export const DsColorBorderSuccessInverse = "#8eceb9";
361
- export const DsColorBorderWarningDefault = "#fef8e9";
362
+ export const DsColorBorderWarningDefault = "#c49432";
362
363
  export const DsColorBorderWarningInverse = "#f2c153";
363
364
  export const DsColorBorderInfoDefault = "#326aa5";
364
365
  export const DsColorBorderInfoInverse = "#89b2d4";
@@ -777,16 +778,16 @@ export const DsColorIconSuccessDefault = "#40a080";
777
778
  export const DsColorIconSuccessInverse = "#8eceb9";
778
779
  export const DsColorIconSubtleDefault = "#a0c9f1";
779
780
  export const DsColorIconSubtleInverse = "#326aa5";
780
- export const DsColorIconUiDefaultDefault = "#2c67b5";
781
- export const DsColorIconUiDefaultInverse = "#56bbde";
782
- export const DsColorIconUiHoverDefault = "#193d73";
783
- export const DsColorIconUiHoverInverse = "#a8e9f7";
784
- export const DsColorIconUiActiveDefault = "#225296";
785
- export const DsColorIconUiActiveInverse = "#6ad5ef";
786
- export const DsColorIconUiDisabledDefault = "#adadad";
787
- export const DsColorIconUiDisabledInverse = "#7e7e7e";
788
- export const DsColorIconUiFocusDefault = "#2c67b5";
789
- export const DsColorIconUiFocusInverse = "#56bbde";
781
+ export const DsColorIconUiPrimaryDefaultDefault = "#2c67b5";
782
+ export const DsColorIconUiPrimaryDefaultInverse = "#56bbde";
783
+ export const DsColorIconUiPrimaryHoverDefault = "#193d73";
784
+ export const DsColorIconUiPrimaryHoverInverse = "#a8e9f7";
785
+ export const DsColorIconUiPrimaryActiveDefault = "#225296";
786
+ export const DsColorIconUiPrimaryActiveInverse = "#6ad5ef";
787
+ export const DsColorIconUiPrimaryDisabledDefault = "#adadad";
788
+ export const DsColorIconUiPrimaryDisabledInverse = "#7e7e7e";
789
+ export const DsColorIconUiPrimaryFocusDefault = "#2c67b5";
790
+ export const DsColorIconUiPrimaryFocusInverse = "#56bbde";
790
791
  export const DsColorIconUiSecondaryActiveDefault = "#676767";
791
792
  export const DsColorIconUiSecondaryActiveInverse = "#c5c5c5";
792
793
  export const DsColorIconUiSecondaryDefaultDefault = "#7e7e7e";
@@ -827,10 +828,9 @@ export const DsColorTextPrimaryInverse = "#ffffff";
827
828
  export const DsColorTextSecondaryDefault = "#525252";
828
829
  export const DsColorTextSecondaryInverse = "#dddddd";
829
830
  export const DsColorTextTertiaryDefault = "#6a717c";
830
- export const DsColorTextTertiaryInverse = "#525252";
831
+ export const DsColorTextTertiaryInverse = "#adadad";
831
832
  export const DsColorTextErrorDefault = "#cc1816";
832
833
  export const DsColorTextErrorInverse = "#f9aca6";
833
- export const DsColorTextDisabledDefault = "#dddddd";
834
834
  export const DsColorTextEmphasisDefault = "#265688";
835
835
  export const DsColorTextEmphasisInverse = "#cfe0ef";
836
836
  export const DsColorTextAccentDefault = "#647845";
@@ -840,7 +840,7 @@ export const DsColorTextInfoInverse = "#acc9e2";
840
840
  export const DsColorTextSubtleDefault = "#32718e";
841
841
  export const DsColorTextSubtleInverse = "#56bbde";
842
842
  export const DsColorTextSuccessDefault = "#0b6f4d";
843
- export const DsColorTextSuccessInverse = "#0b6f4d";
843
+ export const DsColorTextSuccessInverse = "#8eceb9";
844
844
  export const DsColorTextUiActiveDefault = "#225296";
845
845
  export const DsColorTextUiActiveInverse = "#6ad5ef";
846
846
  export const DsColorTextUiDefaultDefault = "#2c67b5";
@@ -868,12 +868,12 @@ export const DsColorTierFareBusinessInverse = "#9fbdbe";
868
868
  export const DsColorTierFareEconomyDefault = "#2c67b5";
869
869
  export const DsColorTierFareEconomyInverse = "#a0c9f1";
870
870
  export const DsColorTierFareFirstClassDefault = "#002c4e";
871
- export const DsColorTierFareFirstClassInverse = "#f7f7f7";
871
+ export const DsColorTierFareFirstClassInverse = "#89b2d4";
872
872
  export const DsColorTierFareSaverDefault = "#4aa2c7";
873
873
  export const DsColorTierFareSaverInverse = "#a8e9f7";
874
874
  export const DsColorTierOneworldEmerald = "#139142";
875
- export const DsColorTierOneworldSapphire = "#a41d4a";
876
- export const DsColorTierOneworldRuby = "#015daa";
875
+ export const DsColorTierOneworldSapphire = "#015daa";
876
+ export const DsColorTierOneworldRuby = "#a41d4a";
877
877
  export const DsColorUiDefaultDefault = "#0074c8";
878
878
  export const DsColorUiDefaultInverse = "#00cff0";
879
879
  export const DsColorUiHoverDefault = "#054687";
@@ -895,7 +895,7 @@ export const DsColorUtilityGrayDefault = "#adadad";
895
895
  export const DsColorUtilityGrayInverse = "#dddddd";
896
896
  export const DsColorUtilityLimeDefault = "#badd81";
897
897
  export const DsColorUtilityLimeInverse = "#d8efb4";
898
- export const DsColorUtilityNavyDefault = "#326aa5";
898
+ export const DsColorUtilityNavyDefault = "#265688";
899
899
  export const DsColorUtilityNavyInverse = "#acc9e2";
900
900
  export const DsColorUtilityNeutralDefault = "#7e8894";
901
901
  export const DsColorUtilityNeutralInverse = "#ccd2db";
package/dist/tokens/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 15 Aug 2024 18:07:22 GMT
4
+ * Generated on Thu, 03 Oct 2024 18:42:15 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
package/dist/tokens/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 15 Aug 2024 18:07:22 GMT
3
+ // Generated on Thu, 03 Oct 2024 18:42:15 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -179,6 +179,7 @@ $ds-color-background-accent-default: #ebfafd;
179
179
  $ds-color-background-accent-inverse: #275b72;
180
180
  $ds-color-background-emphasis-default: #c9e0f7;
181
181
  $ds-color-background-emphasis-inverse: #225296;
182
+ $ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);
182
183
  $ds-color-background-lightest: #ffffff;
183
184
  $ds-color-background-lighter: #f7f7f7;
184
185
  $ds-color-background-darker: #01426a;
@@ -642,8 +643,8 @@ $ds-color-border-tertiary-default: #dddddd;
642
643
  $ds-color-border-tertiary-inverse: #676767;
643
644
  $ds-color-border-error-default: #cc1816;
644
645
  $ds-color-border-error-inverse: #f9aca6;
645
- $ds-color-border-divider-default: rgba(0, 0, 0, 0.06);
646
- $ds-color-border-divider-inverse: rgba(255, 255, 255, 0.06);
646
+ $ds-color-border-divider-default: rgba(0, 0, 0, 0.12);
647
+ $ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);
647
648
  $ds-color-border-subtle-default: #f0f7fd;
648
649
  $ds-color-border-subtle-inverse: #326aa5;
649
650
  $ds-color-border-emphasis-default: #194069;
@@ -652,7 +653,7 @@ $ds-color-border-accent-default: #badd81;
652
653
  $ds-color-border-accent-inverse: #a2c270;
653
654
  $ds-color-border-success-default: #0b6f4d;
654
655
  $ds-color-border-success-inverse: #8eceb9;
655
- $ds-color-border-warning-default: #fef8e9;
656
+ $ds-color-border-warning-default: #c49432;
656
657
  $ds-color-border-warning-inverse: #f2c153;
657
658
  $ds-color-border-info-default: #326aa5;
658
659
  $ds-color-border-info-inverse: #89b2d4;
@@ -1206,11 +1207,11 @@ $ds-color-container-ui-tertiary-active-inverse: rgba(255, 255, 255, 0.06);
1206
1207
  $ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);
1207
1208
  $ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);
1208
1209
  $ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);
1209
- $ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.03);
1210
+ $ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);
1210
1211
  $ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);
1211
1212
  $ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);
1212
1213
  $ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);
1213
- $ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.03);
1214
+ $ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);
1214
1215
  $ds-color-icon-primary-default: #676767;
1215
1216
  $ds-color-icon-primary-inverse: #f7f7f7;
1216
1217
  $ds-color-icon-secondary-default: #7e8894;
@@ -1231,16 +1232,16 @@ $ds-color-icon-success-default: #40a080;
1231
1232
  $ds-color-icon-success-inverse: #8eceb9;
1232
1233
  $ds-color-icon-subtle-default: #a0c9f1;
1233
1234
  $ds-color-icon-subtle-inverse: #326aa5;
1234
- $ds-color-icon-ui-default-default: #2c67b5;
1235
- $ds-color-icon-ui-default-inverse: #56bbde;
1236
- $ds-color-icon-ui-hover-default: #193d73;
1237
- $ds-color-icon-ui-hover-inverse: #a8e9f7;
1238
- $ds-color-icon-ui-active-default: #225296;
1239
- $ds-color-icon-ui-active-inverse: #6ad5ef;
1240
- $ds-color-icon-ui-disabled-default: #adadad;
1241
- $ds-color-icon-ui-disabled-inverse: #7e7e7e;
1242
- $ds-color-icon-ui-focus-default: #2c67b5;
1243
- $ds-color-icon-ui-focus-inverse: #56bbde;
1235
+ $ds-color-icon-ui-primary-default-default: #2c67b5;
1236
+ $ds-color-icon-ui-primary-default-inverse: #56bbde;
1237
+ $ds-color-icon-ui-primary-hover-default: #193d73;
1238
+ $ds-color-icon-ui-primary-hover-inverse: #a8e9f7;
1239
+ $ds-color-icon-ui-primary-active-default: #225296;
1240
+ $ds-color-icon-ui-primary-active-inverse: #6ad5ef;
1241
+ $ds-color-icon-ui-primary-disabled-default: #adadad;
1242
+ $ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;
1243
+ $ds-color-icon-ui-primary-focus-default: #2c67b5;
1244
+ $ds-color-icon-ui-primary-focus-inverse: #56bbde;
1244
1245
  $ds-color-icon-ui-secondary-active-default: #676767;
1245
1246
  $ds-color-icon-ui-secondary-active-inverse: #c5c5c5;
1246
1247
  $ds-color-icon-ui-secondary-default-default: #7e7e7e;
@@ -1281,10 +1282,9 @@ $ds-color-text-primary-inverse: #ffffff;
1281
1282
  $ds-color-text-secondary-default: #525252;
1282
1283
  $ds-color-text-secondary-inverse: #dddddd;
1283
1284
  $ds-color-text-tertiary-default: #6a717c;
1284
- $ds-color-text-tertiary-inverse: #525252;
1285
+ $ds-color-text-tertiary-inverse: #adadad;
1285
1286
  $ds-color-text-error-default: #cc1816;
1286
1287
  $ds-color-text-error-inverse: #f9aca6;
1287
- $ds-color-text-disabled-default: #dddddd;
1288
1288
  $ds-color-text-emphasis-default: #265688;
1289
1289
  $ds-color-text-emphasis-inverse: #cfe0ef;
1290
1290
  $ds-color-text-accent-default: #647845;
@@ -1294,7 +1294,7 @@ $ds-color-text-info-inverse: #acc9e2;
1294
1294
  $ds-color-text-subtle-default: #32718e;
1295
1295
  $ds-color-text-subtle-inverse: #56bbde;
1296
1296
  $ds-color-text-success-default: #0b6f4d;
1297
- $ds-color-text-success-inverse: #0b6f4d;
1297
+ $ds-color-text-success-inverse: #8eceb9;
1298
1298
  $ds-color-text-ui-active-default: #225296;
1299
1299
  $ds-color-text-ui-active-inverse: #6ad5ef;
1300
1300
  $ds-color-text-ui-default-default: #2c67b5;
@@ -1322,12 +1322,12 @@ $ds-color-tier-fare-business-inverse: #9fbdbe;
1322
1322
  $ds-color-tier-fare-economy-default: #2c67b5;
1323
1323
  $ds-color-tier-fare-economy-inverse: #a0c9f1;
1324
1324
  $ds-color-tier-fare-first-class-default: #002c4e;
1325
- $ds-color-tier-fare-first-class-inverse: #f7f7f7;
1325
+ $ds-color-tier-fare-first-class-inverse: #89b2d4;
1326
1326
  $ds-color-tier-fare-saver-default: #4aa2c7;
1327
1327
  $ds-color-tier-fare-saver-inverse: #a8e9f7;
1328
1328
  $ds-color-tier-oneworld-emerald: #139142;
1329
- $ds-color-tier-oneworld-sapphire: #a41d4a;
1330
- $ds-color-tier-oneworld-ruby: #015daa;
1329
+ $ds-color-tier-oneworld-sapphire: #015daa;
1330
+ $ds-color-tier-oneworld-ruby: #a41d4a;
1331
1331
  $ds-color-ui-default-default: #0074c8;
1332
1332
  $ds-color-ui-default-inverse: #00cff0;
1333
1333
  $ds-color-ui-hover-default: #054687;
@@ -1349,7 +1349,7 @@ $ds-color-utility-gray-default: #adadad;
1349
1349
  $ds-color-utility-gray-inverse: #dddddd;
1350
1350
  $ds-color-utility-lime-default: #badd81;
1351
1351
  $ds-color-utility-lime-inverse: #d8efb4;
1352
- $ds-color-utility-navy-default: #326aa5;
1352
+ $ds-color-utility-navy-default: #265688;
1353
1353
  $ds-color-utility-navy-inverse: #acc9e2;
1354
1354
  $ds-color-utility-neutral-default: #7e8894;
1355
1355
  $ds-color-utility-neutral-inverse: #ccd2db;
package/dist/tokens/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 15 Aug 2024 18:07:22 GMT
4
+ Generated on Thu, 03 Oct 2024 18:42:15 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -199,6 +199,7 @@ $auroTokens: (
199
199
  'ds-color-background-accent-inverse': (#275b72),
200
200
  'ds-color-background-emphasis-default': (#c9e0f7),
201
201
  'ds-color-background-emphasis-inverse': (#225296),
202
+ 'ds-color-background-scrimmed-default': (rgba(0, 0, 0, 0.5)),
202
203
  'ds-color-background-lightest': (#ffffff),
203
204
  'ds-color-background-lighter': (#f7f7f7),
204
205
  'ds-color-background-darker': (#01426a),
@@ -666,8 +667,8 @@ $auroTokens: (
666
667
  'ds-color-border-tertiary-inverse': (#676767),
667
668
  'ds-color-border-error-default': (#cc1816),
668
669
  'ds-color-border-error-inverse': (#f9aca6),
669
- 'ds-color-border-divider-default': (rgba(0, 0, 0, 0.06)),
670
- 'ds-color-border-divider-inverse': (rgba(255, 255, 255, 0.06)),
670
+ 'ds-color-border-divider-default': (rgba(0, 0, 0, 0.12)),
671
+ 'ds-color-border-divider-inverse': (rgba(255, 255, 255, 0.25)),
671
672
  'ds-color-border-subtle-default': (#f0f7fd),
672
673
  'ds-color-border-subtle-inverse': (#326aa5),
673
674
  'ds-color-border-emphasis-default': (#194069),
@@ -676,7 +677,7 @@ $auroTokens: (
676
677
  'ds-color-border-accent-inverse': (#a2c270),
677
678
  'ds-color-border-success-default': (#0b6f4d),
678
679
  'ds-color-border-success-inverse': (#8eceb9),
679
- 'ds-color-border-warning-default': (#fef8e9),
680
+ 'ds-color-border-warning-default': (#c49432),
680
681
  'ds-color-border-warning-inverse': (#f2c153),
681
682
  'ds-color-border-info-default': (#326aa5),
682
683
  'ds-color-border-info-inverse': (#89b2d4),
@@ -1232,11 +1233,11 @@ $auroTokens: (
1232
1233
  'ds-color-container-ui-tertiary-default-default': (rgba(0, 0, 0, 0.03)),
1233
1234
  'ds-color-container-ui-tertiary-default-inverse': (rgba(255, 255, 255, 0.12)),
1234
1235
  'ds-color-container-ui-tertiary-disabled-default': (rgba(0, 0, 0, 0.03)),
1235
- 'ds-color-container-ui-tertiary-disabled-inverse': (rgba(255, 255, 255, 0.03)),
1236
+ 'ds-color-container-ui-tertiary-disabled-inverse': (rgba(255, 255, 255, 0.25)),
1236
1237
  'ds-color-container-ui-tertiary-focus-default': (rgba(0, 0, 0, 0.03)),
1237
1238
  'ds-color-container-ui-tertiary-focus-inverse': (rgba(255, 255, 255, 0.12)),
1238
1239
  'ds-color-container-ui-tertiary-hover-default': (rgba(0, 0, 0, 0.12)),
1239
- 'ds-color-container-ui-tertiary-hover-inverse': (rgba(255, 255, 255, 0.03)),
1240
+ 'ds-color-container-ui-tertiary-hover-inverse': (rgba(255, 255, 255, 0.25)),
1240
1241
  'ds-color-icon-primary-default': (#676767),
1241
1242
  'ds-color-icon-primary-inverse': (#f7f7f7),
1242
1243
  'ds-color-icon-secondary-default': (#7e8894),
@@ -1257,16 +1258,16 @@ $auroTokens: (
1257
1258
  'ds-color-icon-success-inverse': (#8eceb9),
1258
1259
  'ds-color-icon-subtle-default': (#a0c9f1),
1259
1260
  'ds-color-icon-subtle-inverse': (#326aa5),
1260
- 'ds-color-icon-ui-default-default': (#2c67b5),
1261
- 'ds-color-icon-ui-default-inverse': (#56bbde),
1262
- 'ds-color-icon-ui-hover-default': (#193d73),
1263
- 'ds-color-icon-ui-hover-inverse': (#a8e9f7),
1264
- 'ds-color-icon-ui-active-default': (#225296),
1265
- 'ds-color-icon-ui-active-inverse': (#6ad5ef),
1266
- 'ds-color-icon-ui-disabled-default': (#adadad),
1267
- 'ds-color-icon-ui-disabled-inverse': (#7e7e7e),
1268
- 'ds-color-icon-ui-focus-default': (#2c67b5),
1269
- 'ds-color-icon-ui-focus-inverse': (#56bbde),
1261
+ 'ds-color-icon-ui-primary-default-default': (#2c67b5),
1262
+ 'ds-color-icon-ui-primary-default-inverse': (#56bbde),
1263
+ 'ds-color-icon-ui-primary-hover-default': (#193d73),
1264
+ 'ds-color-icon-ui-primary-hover-inverse': (#a8e9f7),
1265
+ 'ds-color-icon-ui-primary-active-default': (#225296),
1266
+ 'ds-color-icon-ui-primary-active-inverse': (#6ad5ef),
1267
+ 'ds-color-icon-ui-primary-disabled-default': (#adadad),
1268
+ 'ds-color-icon-ui-primary-disabled-inverse': (#7e7e7e),
1269
+ 'ds-color-icon-ui-primary-focus-default': (#2c67b5),
1270
+ 'ds-color-icon-ui-primary-focus-inverse': (#56bbde),
1270
1271
  'ds-color-icon-ui-secondary-active-default': (#676767),
1271
1272
  'ds-color-icon-ui-secondary-active-inverse': (#c5c5c5),
1272
1273
  'ds-color-icon-ui-secondary-default-default': (#7e7e7e),
@@ -1307,10 +1308,9 @@ $auroTokens: (
1307
1308
  'ds-color-text-secondary-default': (#525252),
1308
1309
  'ds-color-text-secondary-inverse': (#dddddd),
1309
1310
  'ds-color-text-tertiary-default': (#6a717c),
1310
- 'ds-color-text-tertiary-inverse': (#525252),
1311
+ 'ds-color-text-tertiary-inverse': (#adadad),
1311
1312
  'ds-color-text-error-default': (#cc1816),
1312
1313
  'ds-color-text-error-inverse': (#f9aca6),
1313
- 'ds-color-text-disabled-default': (#dddddd),
1314
1314
  'ds-color-text-emphasis-default': (#265688),
1315
1315
  'ds-color-text-emphasis-inverse': (#cfe0ef),
1316
1316
  'ds-color-text-accent-default': (#647845),
@@ -1320,7 +1320,7 @@ $auroTokens: (
1320
1320
  'ds-color-text-subtle-default': (#32718e),
1321
1321
  'ds-color-text-subtle-inverse': (#56bbde),
1322
1322
  'ds-color-text-success-default': (#0b6f4d),
1323
- 'ds-color-text-success-inverse': (#0b6f4d),
1323
+ 'ds-color-text-success-inverse': (#8eceb9),
1324
1324
  'ds-color-text-ui-active-default': (#225296),
1325
1325
  'ds-color-text-ui-active-inverse': (#6ad5ef),
1326
1326
  'ds-color-text-ui-default-default': (#2c67b5),
@@ -1348,12 +1348,12 @@ $auroTokens: (
1348
1348
  'ds-color-tier-fare-economy-default': (#2c67b5),
1349
1349
  'ds-color-tier-fare-economy-inverse': (#a0c9f1),
1350
1350
  'ds-color-tier-fare-first-class-default': (#002c4e),
1351
- 'ds-color-tier-fare-first-class-inverse': (#f7f7f7),
1351
+ 'ds-color-tier-fare-first-class-inverse': (#89b2d4),
1352
1352
  'ds-color-tier-fare-saver-default': (#4aa2c7),
1353
1353
  'ds-color-tier-fare-saver-inverse': (#a8e9f7),
1354
1354
  'ds-color-tier-oneworld-emerald': (#139142),
1355
- 'ds-color-tier-oneworld-sapphire': (#a41d4a),
1356
- 'ds-color-tier-oneworld-ruby': (#015daa),
1355
+ 'ds-color-tier-oneworld-sapphire': (#015daa),
1356
+ 'ds-color-tier-oneworld-ruby': (#a41d4a),
1357
1357
  'ds-color-ui-default-default': (#0074c8),
1358
1358
  'ds-color-ui-default-inverse': (#00cff0),
1359
1359
  'ds-color-ui-hover-default': (#054687),
@@ -1375,7 +1375,7 @@ $auroTokens: (
1375
1375
  'ds-color-utility-gray-inverse': (#dddddd),
1376
1376
  'ds-color-utility-lime-default': (#badd81),
1377
1377
  'ds-color-utility-lime-inverse': (#d8efb4),
1378
- 'ds-color-utility-navy-default': (#326aa5),
1378
+ 'ds-color-utility-navy-default': (#265688),
1379
1379
  'ds-color-utility-navy-inverse': (#acc9e2),
1380
1380
  'ds-color-utility-neutral-default': (#7e8894),
1381
1381
  'ds-color-utility-neutral-inverse': (#ccd2db),
package/dist/tokens/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:22 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -181,6 +181,7 @@
181
181
  --ds-color-background-accent-inverse: #275b72;
182
182
  --ds-color-background-emphasis-default: #c9e0f7;
183
183
  --ds-color-background-emphasis-inverse: #225296;
184
+ --ds-color-background-scrimmed-default: rgba(0, 0, 0, 0.5);
184
185
  --ds-color-background-lightest: #ffffff;
185
186
  --ds-color-background-lighter: #f7f7f7;
186
187
  --ds-color-background-darker: #01426a;
@@ -938,8 +939,8 @@
938
939
  --ds-color-border-tertiary-inverse: #676767;
939
940
  --ds-color-border-error-default: #cc1816;
940
941
  --ds-color-border-error-inverse: #f9aca6;
941
- --ds-color-border-divider-default: rgba(0, 0, 0, 0.06);
942
- --ds-color-border-divider-inverse: rgba(255, 255, 255, 0.06);
942
+ --ds-color-border-divider-default: rgba(0, 0, 0, 0.12);
943
+ --ds-color-border-divider-inverse: rgba(255, 255, 255, 0.25);
943
944
  --ds-color-border-subtle-default: #f0f7fd;
944
945
  --ds-color-border-subtle-inverse: #326aa5;
945
946
  --ds-color-border-emphasis-default: #194069;
@@ -948,7 +949,7 @@
948
949
  --ds-color-border-accent-inverse: #a2c270;
949
950
  --ds-color-border-success-default: #0b6f4d;
950
951
  --ds-color-border-success-inverse: #8eceb9;
951
- --ds-color-border-warning-default: #fef8e9;
952
+ --ds-color-border-warning-default: #c49432;
952
953
  --ds-color-border-warning-inverse: #f2c153;
953
954
  --ds-color-border-info-default: #326aa5;
954
955
  --ds-color-border-info-inverse: #89b2d4;
@@ -1822,11 +1823,11 @@
1822
1823
  --ds-color-container-ui-tertiary-default-default: rgba(0, 0, 0, 0.03);
1823
1824
  --ds-color-container-ui-tertiary-default-inverse: rgba(255, 255, 255, 0.12);
1824
1825
  --ds-color-container-ui-tertiary-disabled-default: rgba(0, 0, 0, 0.03);
1825
- --ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.03);
1826
+ --ds-color-container-ui-tertiary-disabled-inverse: rgba(255, 255, 255, 0.25);
1826
1827
  --ds-color-container-ui-tertiary-focus-default: rgba(0, 0, 0, 0.03);
1827
1828
  --ds-color-container-ui-tertiary-focus-inverse: rgba(255, 255, 255, 0.12);
1828
1829
  --ds-color-container-ui-tertiary-hover-default: rgba(0, 0, 0, 0.12);
1829
- --ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.03);
1830
+ --ds-color-container-ui-tertiary-hover-inverse: rgba(255, 255, 255, 0.25);
1830
1831
  --ds-color-icon-primary-default: #676767;
1831
1832
  --ds-color-icon-primary-inverse: #f7f7f7;
1832
1833
  --ds-color-icon-secondary-default: #7e8894;
@@ -1847,16 +1848,16 @@
1847
1848
  --ds-color-icon-success-inverse: #8eceb9;
1848
1849
  --ds-color-icon-subtle-default: #a0c9f1;
1849
1850
  --ds-color-icon-subtle-inverse: #326aa5;
1850
- --ds-color-icon-ui-default-default: #2c67b5;
1851
- --ds-color-icon-ui-default-inverse: #56bbde;
1852
- --ds-color-icon-ui-hover-default: #193d73;
1853
- --ds-color-icon-ui-hover-inverse: #a8e9f7;
1854
- --ds-color-icon-ui-active-default: #225296;
1855
- --ds-color-icon-ui-active-inverse: #6ad5ef;
1856
- --ds-color-icon-ui-disabled-default: #adadad;
1857
- --ds-color-icon-ui-disabled-inverse: #7e7e7e;
1858
- --ds-color-icon-ui-focus-default: #2c67b5;
1859
- --ds-color-icon-ui-focus-inverse: #56bbde;
1851
+ --ds-color-icon-ui-primary-default-default: #2c67b5;
1852
+ --ds-color-icon-ui-primary-default-inverse: #56bbde;
1853
+ --ds-color-icon-ui-primary-hover-default: #193d73;
1854
+ --ds-color-icon-ui-primary-hover-inverse: #a8e9f7;
1855
+ --ds-color-icon-ui-primary-active-default: #225296;
1856
+ --ds-color-icon-ui-primary-active-inverse: #6ad5ef;
1857
+ --ds-color-icon-ui-primary-disabled-default: #adadad;
1858
+ --ds-color-icon-ui-primary-disabled-inverse: #7e7e7e;
1859
+ --ds-color-icon-ui-primary-focus-default: #2c67b5;
1860
+ --ds-color-icon-ui-primary-focus-inverse: #56bbde;
1860
1861
  --ds-color-icon-ui-secondary-active-default: #676767;
1861
1862
  --ds-color-icon-ui-secondary-active-inverse: #c5c5c5;
1862
1863
  --ds-color-icon-ui-secondary-default-default: #7e7e7e;
@@ -1897,10 +1898,9 @@
1897
1898
  --ds-color-text-secondary-default: #525252;
1898
1899
  --ds-color-text-secondary-inverse: #dddddd;
1899
1900
  --ds-color-text-tertiary-default: #6a717c;
1900
- --ds-color-text-tertiary-inverse: #525252;
1901
+ --ds-color-text-tertiary-inverse: #adadad;
1901
1902
  --ds-color-text-error-default: #cc1816;
1902
1903
  --ds-color-text-error-inverse: #f9aca6;
1903
- --ds-color-text-disabled-default: #dddddd;
1904
1904
  --ds-color-text-emphasis-default: #265688;
1905
1905
  --ds-color-text-emphasis-inverse: #cfe0ef;
1906
1906
  --ds-color-text-accent-default: #647845;
@@ -1910,7 +1910,7 @@
1910
1910
  --ds-color-text-subtle-default: #32718e;
1911
1911
  --ds-color-text-subtle-inverse: #56bbde;
1912
1912
  --ds-color-text-success-default: #0b6f4d;
1913
- --ds-color-text-success-inverse: #0b6f4d;
1913
+ --ds-color-text-success-inverse: #8eceb9;
1914
1914
  --ds-color-text-ui-active-default: #225296;
1915
1915
  --ds-color-text-ui-active-inverse: #6ad5ef;
1916
1916
  --ds-color-text-ui-default-default: #2c67b5;
@@ -1938,12 +1938,12 @@
1938
1938
  --ds-color-tier-fare-economy-default: #2c67b5;
1939
1939
  --ds-color-tier-fare-economy-inverse: #a0c9f1;
1940
1940
  --ds-color-tier-fare-first-class-default: #002c4e;
1941
- --ds-color-tier-fare-first-class-inverse: #f7f7f7;
1941
+ --ds-color-tier-fare-first-class-inverse: #89b2d4;
1942
1942
  --ds-color-tier-fare-saver-default: #4aa2c7;
1943
1943
  --ds-color-tier-fare-saver-inverse: #a8e9f7;
1944
1944
  --ds-color-tier-oneworld-emerald: #139142;
1945
- --ds-color-tier-oneworld-sapphire: #a41d4a;
1946
- --ds-color-tier-oneworld-ruby: #015daa;
1945
+ --ds-color-tier-oneworld-sapphire: #015daa;
1946
+ --ds-color-tier-oneworld-ruby: #a41d4a;
1947
1947
  --ds-color-ui-default-default: #0074c8;
1948
1948
  --ds-color-ui-default-inverse: #00cff0;
1949
1949
  --ds-color-ui-hover-default: #054687;
@@ -1965,7 +1965,7 @@
1965
1965
  --ds-color-utility-gray-inverse: #dddddd;
1966
1966
  --ds-color-utility-lime-default: #badd81;
1967
1967
  --ds-color-utility-lime-inverse: #d8efb4;
1968
- --ds-color-utility-navy-default: #326aa5;
1968
+ --ds-color-utility-navy-default: #265688;
1969
1969
  --ds-color-utility-navy-inverse: #acc9e2;
1970
1970
  --ds-color-utility-neutral-default: #7e8894;
1971
1971
  --ds-color-utility-neutral-inverse: #ccd2db;
package/dist/tokens/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:22 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/darkmode/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/darkmode/JSDataColor.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/darkmode/JSObject--deprecatedDark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/darkmode/JSVariablesColor.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  export const DsColorBaseWhite = "#000000"; //
package/dist/tokens/darkmode/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ // Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
 
5
5
  //
6
6
  // // Base value for token support; should not use in code!
package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 15 Aug 2024 18:07:23 GMT
4
+ Generated on Thu, 03 Oct 2024 18:42:16 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
package/dist/tokens/darkmode/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 15 Aug 2024 18:07:23 GMT
3
+ * Generated on Thu, 03 Oct 2024 18:42:16 GMT
4
4
  */
5
5
 
6
6
  :root {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@aurodesignsystem/design-tokens",
3
- "version": "4.9.1",
3
+ "version": "4.10.0",
4
4
  "description": "Alaska Air Auro Design System token repository",
5
5
  "homepage": "https://github.com/AlaskaAirlines/DesignTokens",
6
6
  "author": "Alaska Airlines Product design and engineering",
@@ -17,14 +17,14 @@
17
17
  "chalk": "^5.3.0"
18
18
  },
19
19
  "devDependencies": {
20
- "@commitlint/cli": "^19.3.0",
21
- "@commitlint/config-conventional": "^19.2.2",
20
+ "@commitlint/cli": "^19.5.0",
21
+ "@commitlint/config-conventional": "^19.5.0",
22
22
  "@semantic-release/changelog": "^6.0.3",
23
23
  "@semantic-release/git": "^10.0.1",
24
- "@semantic-release/npm": "^12.0.0",
25
- "husky": "^9.0.11",
24
+ "@semantic-release/npm": "^12.0.1",
25
+ "husky": "^9.1.6",
26
26
  "npm-run-all": "^4.1.5",
27
- "semantic-release": "^23.0.8",
27
+ "semantic-release": "^24.1.2",
28
28
  "style-dictionary": "^3.9.2"
29
29
  },
30
30
  "scripts": {
package/src/color/background.json CHANGED
@@ -201,6 +201,16 @@
201
201
  "deprecated": false
202
202
  }
203
203
  },
204
+ "scrimmed": {
205
+ "default": {
206
+ "value": "{color.base.black-500.value}",
207
+ "public": true,
208
+ "default": true,
209
+ "usage": "Used for creating light backgrounds",
210
+ "wcag": "n/a",
211
+ "deprecated": false
212
+ }
213
+ },
204
214
  "lightest": {
205
215
  "value": "{color.base.white.value}",
206
216
  "public": true,
package/src/color/border.json CHANGED
@@ -75,7 +75,7 @@
75
75
  },
76
76
  "divider": {
77
77
  "default": {
78
- "value": "{color.base.black-200.value}",
78
+ "value": "{color.base.black-300.value}",
79
79
  "public": true,
80
80
  "default": true,
81
81
  "usage": "Strict use as divider between elements on light backgrounds",
@@ -83,7 +83,7 @@
83
83
  "deprecated": false
84
84
  },
85
85
  "inverse": {
86
- "value": "{color.base.white-200.value}",
86
+ "value": "{color.base.white-400.value}",
87
87
  "public": true,
88
88
  "inverse": true,
89
89
  "usage": "Strict use as divider between elements on dark backgrounds",
@@ -165,7 +165,7 @@
165
165
  },
166
166
  "warning": {
167
167
  "default": {
168
- "value": "{color.base.warning.100.value}",
168
+ "value": "{color.base.warning.300.value}",
169
169
  "public": true,
170
170
  "default": true,
171
171
  "usage": "Warning border color on light backgrounds",
package/src/color/container.json CHANGED
@@ -413,7 +413,7 @@
413
413
  "deprecated": false
414
414
  },
415
415
  "inverse": {
416
- "value": "{color.base.white-100.value}",
416
+ "value": "{color.base.white-400.value}",
417
417
  "public": true,
418
418
  "inverse": true,
419
419
  "usage": "Tertiary disabled color for containers on dark backgrounds",
@@ -449,7 +449,7 @@
449
449
  "deprecated": false
450
450
  },
451
451
  "inverse": {
452
- "value": "{color.base.white-100.value}",
452
+ "value": "{color.base.white-400.value}",
453
453
  "public": true,
454
454
  "inverse": true,
455
455
  "usage": "Tertiary hover color for containers on dark backgrounds",