@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/JSONVariablesFlat.json CHANGED
@@ -176,6 +176,7 @@
176
176
  "ds-color-background-accent-inverse": "#275b72",
177
177
  "ds-color-background-emphasis-default": "#c9e0f7",
178
178
  "ds-color-background-emphasis-inverse": "#225296",
179
+ "ds-color-background-scrimmed-default": "rgba(0, 0, 0, 0.5)",
179
180
  "ds-color-background-lightest": "#ffffff",
180
181
  "ds-color-background-lighter": "#f7f7f7",
181
182
  "ds-color-background-darker": "#01426a",
@@ -345,8 +346,8 @@
345
346
  "ds-color-border-tertiary-inverse": "#676767",
346
347
  "ds-color-border-error-default": "#cc1816",
347
348
  "ds-color-border-error-inverse": "#f9aca6",
348
- "ds-color-border-divider-default": "rgba(0, 0, 0, 0.06)",
349
- "ds-color-border-divider-inverse": "rgba(255, 255, 255, 0.06)",
349
+ "ds-color-border-divider-default": "rgba(0, 0, 0, 0.12)",
350
+ "ds-color-border-divider-inverse": "rgba(255, 255, 255, 0.25)",
350
351
  "ds-color-border-subtle-default": "#f0f7fd",
351
352
  "ds-color-border-subtle-inverse": "#326aa5",
352
353
  "ds-color-border-emphasis-default": "#194069",
@@ -355,7 +356,7 @@
355
356
  "ds-color-border-accent-inverse": "#a2c270",
356
357
  "ds-color-border-success-default": "#0b6f4d",
357
358
  "ds-color-border-success-inverse": "#8eceb9",
358
- "ds-color-border-warning-default": "#fef8e9",
359
+ "ds-color-border-warning-default": "#c49432",
359
360
  "ds-color-border-warning-inverse": "#f2c153",
360
361
  "ds-color-border-info-default": "#326aa5",
361
362
  "ds-color-border-info-inverse": "#89b2d4",
@@ -589,11 +590,11 @@
589
590
  "ds-color-container-ui-tertiary-default-default": "rgba(0, 0, 0, 0.03)",
590
591
  "ds-color-container-ui-tertiary-default-inverse": "rgba(255, 255, 255, 0.12)",
591
592
  "ds-color-container-ui-tertiary-disabled-default": "rgba(0, 0, 0, 0.03)",
592
- "ds-color-container-ui-tertiary-disabled-inverse": "rgba(255, 255, 255, 0.03)",
593
+ "ds-color-container-ui-tertiary-disabled-inverse": "rgba(255, 255, 255, 0.25)",
593
594
  "ds-color-container-ui-tertiary-focus-default": "rgba(0, 0, 0, 0.03)",
594
595
  "ds-color-container-ui-tertiary-focus-inverse": "rgba(255, 255, 255, 0.12)",
595
596
  "ds-color-container-ui-tertiary-hover-default": "rgba(0, 0, 0, 0.12)",
596
- "ds-color-container-ui-tertiary-hover-inverse": "rgba(255, 255, 255, 0.03)",
597
+ "ds-color-container-ui-tertiary-hover-inverse": "rgba(255, 255, 255, 0.25)",
597
598
  "ds-color-icon-primary-default": "#676767",
598
599
  "ds-color-icon-primary-inverse": "#f7f7f7",
599
600
  "ds-color-icon-secondary-default": "#7e8894",
@@ -614,16 +615,16 @@
614
615
  "ds-color-icon-success-inverse": "#8eceb9",
615
616
  "ds-color-icon-subtle-default": "#a0c9f1",
616
617
  "ds-color-icon-subtle-inverse": "#326aa5",
617
- "ds-color-icon-ui-default-default": "#2c67b5",
618
- "ds-color-icon-ui-default-inverse": "#56bbde",
619
- "ds-color-icon-ui-hover-default": "#193d73",
620
- "ds-color-icon-ui-hover-inverse": "#a8e9f7",
621
- "ds-color-icon-ui-active-default": "#225296",
622
- "ds-color-icon-ui-active-inverse": "#6ad5ef",
623
- "ds-color-icon-ui-disabled-default": "#adadad",
624
- "ds-color-icon-ui-disabled-inverse": "#7e7e7e",
625
- "ds-color-icon-ui-focus-default": "#2c67b5",
626
- "ds-color-icon-ui-focus-inverse": "#56bbde",
618
+ "ds-color-icon-ui-primary-default-default": "#2c67b5",
619
+ "ds-color-icon-ui-primary-default-inverse": "#56bbde",
620
+ "ds-color-icon-ui-primary-hover-default": "#193d73",
621
+ "ds-color-icon-ui-primary-hover-inverse": "#a8e9f7",
622
+ "ds-color-icon-ui-primary-active-default": "#225296",
623
+ "ds-color-icon-ui-primary-active-inverse": "#6ad5ef",
624
+ "ds-color-icon-ui-primary-disabled-default": "#adadad",
625
+ "ds-color-icon-ui-primary-disabled-inverse": "#7e7e7e",
626
+ "ds-color-icon-ui-primary-focus-default": "#2c67b5",
627
+ "ds-color-icon-ui-primary-focus-inverse": "#56bbde",
627
628
  "ds-color-icon-ui-secondary-active-default": "#676767",
628
629
  "ds-color-icon-ui-secondary-active-inverse": "#c5c5c5",
629
630
  "ds-color-icon-ui-secondary-default-default": "#7e7e7e",
@@ -664,10 +665,9 @@
664
665
  "ds-color-text-secondary-default": "#525252",
665
666
  "ds-color-text-secondary-inverse": "#dddddd",
666
667
  "ds-color-text-tertiary-default": "#6a717c",
667
- "ds-color-text-tertiary-inverse": "#525252",
668
+ "ds-color-text-tertiary-inverse": "#adadad",
668
669
  "ds-color-text-error-default": "#cc1816",
669
670
  "ds-color-text-error-inverse": "#f9aca6",
670
- "ds-color-text-disabled-default": "#dddddd",
671
671
  "ds-color-text-emphasis-default": "#265688",
672
672
  "ds-color-text-emphasis-inverse": "#cfe0ef",
673
673
  "ds-color-text-accent-default": "#647845",
@@ -677,7 +677,7 @@
677
677
  "ds-color-text-subtle-default": "#32718e",
678
678
  "ds-color-text-subtle-inverse": "#56bbde",
679
679
  "ds-color-text-success-default": "#0b6f4d",
680
- "ds-color-text-success-inverse": "#0b6f4d",
680
+ "ds-color-text-success-inverse": "#8eceb9",
681
681
  "ds-color-text-ui-active-default": "#225296",
682
682
  "ds-color-text-ui-active-inverse": "#6ad5ef",
683
683
  "ds-color-text-ui-default-default": "#2c67b5",
@@ -705,12 +705,12 @@
705
705
  "ds-color-tier-fare-economy-default": "#2c67b5",
706
706
  "ds-color-tier-fare-economy-inverse": "#a0c9f1",
707
707
  "ds-color-tier-fare-first-class-default": "#002c4e",
708
- "ds-color-tier-fare-first-class-inverse": "#f7f7f7",
708
+ "ds-color-tier-fare-first-class-inverse": "#89b2d4",
709
709
  "ds-color-tier-fare-saver-default": "#4aa2c7",
710
710
  "ds-color-tier-fare-saver-inverse": "#a8e9f7",
711
711
  "ds-color-tier-oneworld-emerald": "#139142",
712
- "ds-color-tier-oneworld-sapphire": "#a41d4a",
713
- "ds-color-tier-oneworld-ruby": "#015daa",
712
+ "ds-color-tier-oneworld-sapphire": "#015daa",
713
+ "ds-color-tier-oneworld-ruby": "#a41d4a",
714
714
  "ds-color-ui-default-default": "#0074c8",
715
715
  "ds-color-ui-default-inverse": "#00cff0",
716
716
  "ds-color-ui-hover-default": "#054687",
@@ -732,7 +732,7 @@
732
732
  "ds-color-utility-gray-inverse": "#dddddd",
733
733
  "ds-color-utility-lime-default": "#badd81",
734
734
  "ds-color-utility-lime-inverse": "#d8efb4",
735
- "ds-color-utility-navy-default": "#326aa5",
735
+ "ds-color-utility-navy-default": "#265688",
736
736
  "ds-color-utility-navy-inverse": "#acc9e2",
737
737
  "ds-color-utility-neutral-default": "#7e8894",
738
738
  "ds-color-utility-neutral-inverse": "#ccd2db",
package/dist/tokens/JSONVariablesNested.json CHANGED
@@ -344,6 +344,9 @@
344
344
  "default": "#c9e0f7",
345
345
  "inverse": "#225296"
346
346
  },
347
+ "scrimmed": {
348
+ "default": "rgba(0, 0, 0, 0.5)"
349
+ },
347
350
  "lightest": "#ffffff",
348
351
  "lighter": "#f7f7f7",
349
352
  "darker": "#01426a",
@@ -566,8 +569,8 @@
566
569
  "inverse": "#f9aca6"
567
570
  },
568
571
  "divider": {
569
- "default": "rgba(0, 0, 0, 0.06)",
570
- "inverse": "rgba(255, 255, 255, 0.06)"
572
+ "default": "rgba(0, 0, 0, 0.12)",
573
+ "inverse": "rgba(255, 255, 255, 0.25)"
571
574
  },
572
575
  "subtle": {
573
576
  "default": "#f0f7fd",
@@ -586,7 +589,7 @@
586
589
  "inverse": "#8eceb9"
587
590
  },
588
591
  "warning": {
589
- "default": "#fef8e9",
592
+ "default": "#c49432",
590
593
  "inverse": "#f2c153"
591
594
  },
592
595
  "info": {
@@ -940,7 +943,7 @@
940
943
  },
941
944
  "disabled": {
942
945
  "default": "rgba(0, 0, 0, 0.03)",
943
- "inverse": "rgba(255, 255, 255, 0.03)"
946
+ "inverse": "rgba(255, 255, 255, 0.25)"
944
947
  },
945
948
  "focus": {
946
949
  "default": "rgba(0, 0, 0, 0.03)",
@@ -948,7 +951,7 @@
948
951
  },
949
952
  "hover": {
950
953
  "default": "rgba(0, 0, 0, 0.12)",
951
- "inverse": "rgba(255, 255, 255, 0.03)"
954
+ "inverse": "rgba(255, 255, 255, 0.25)"
952
955
  }
953
956
  }
954
957
  }
@@ -995,25 +998,27 @@
995
998
  "inverse": "#326aa5"
996
999
  },
997
1000
  "ui": {
998
- "default": {
999
- "default": "#2c67b5",
1000
- "inverse": "#56bbde"
1001
- },
1002
- "hover": {
1003
- "default": "#193d73",
1004
- "inverse": "#a8e9f7"
1005
- },
1006
- "active": {
1007
- "default": "#225296",
1008
- "inverse": "#6ad5ef"
1009
- },
1010
- "disabled": {
1011
- "default": "#adadad",
1012
- "inverse": "#7e7e7e"
1013
- },
1014
- "focus": {
1015
- "default": "#2c67b5",
1016
- "inverse": "#56bbde"
1001
+ "primary": {
1002
+ "default": {
1003
+ "default": "#2c67b5",
1004
+ "inverse": "#56bbde"
1005
+ },
1006
+ "hover": {
1007
+ "default": "#193d73",
1008
+ "inverse": "#a8e9f7"
1009
+ },
1010
+ "active": {
1011
+ "default": "#225296",
1012
+ "inverse": "#6ad5ef"
1013
+ },
1014
+ "disabled": {
1015
+ "default": "#adadad",
1016
+ "inverse": "#7e7e7e"
1017
+ },
1018
+ "focus": {
1019
+ "default": "#2c67b5",
1020
+ "inverse": "#56bbde"
1021
+ }
1017
1022
  },
1018
1023
  "secondary": {
1019
1024
  "active": {
@@ -1103,15 +1108,12 @@
1103
1108
  },
1104
1109
  "tertiary": {
1105
1110
  "default": "#6a717c",
1106
- "inverse": "#525252"
1111
+ "inverse": "#adadad"
1107
1112
  },
1108
1113
  "error": {
1109
1114
  "default": "#cc1816",
1110
1115
  "inverse": "#f9aca6"
1111
1116
  },
1112
- "disabled": {
1113
- "default": "#dddddd"
1114
- },
1115
1117
  "emphasis": {
1116
1118
  "default": "#265688",
1117
1119
  "inverse": "#cfe0ef"
@@ -1130,7 +1132,7 @@
1130
1132
  },
1131
1133
  "success": {
1132
1134
  "default": "#0b6f4d",
1133
- "inverse": "#0b6f4d"
1135
+ "inverse": "#8eceb9"
1134
1136
  },
1135
1137
  "ui": {
1136
1138
  "active": {
@@ -1191,7 +1193,7 @@
1191
1193
  },
1192
1194
  "first-class": {
1193
1195
  "default": "#002c4e",
1194
- "inverse": "#f7f7f7"
1196
+ "inverse": "#89b2d4"
1195
1197
  },
1196
1198
  "saver": {
1197
1199
  "default": "#4aa2c7",
@@ -1200,8 +1202,8 @@
1200
1202
  },
1201
1203
  "oneworld": {
1202
1204
  "emerald": "#139142",
1203
- "sapphire": "#a41d4a",
1204
- "ruby": "#015daa"
1205
+ "sapphire": "#015daa",
1206
+ "ruby": "#a41d4a"
1205
1207
  }
1206
1208
  },
1207
1209
  "ui": {
@@ -1253,7 +1255,7 @@
1253
1255
  "inverse": "#d8efb4"
1254
1256
  },
1255
1257
  "navy": {
1256
- "default": "#326aa5",
1258
+ "default": "#265688",
1257
1259
  "inverse": "#acc9e2"
1258
1260
  },
1259
1261
  "neutral": {