@aurodesignsystem/design-tokens 4.1.0 → 4.1.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 (21) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/tokens/CSSCustomProperties.css +3 -1
  3. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  4. package/dist/tokens/JSData--color.js +63 -1
  5. package/dist/tokens/JSObject--allTokens.js +63 -1
  6. package/dist/tokens/JSObject--deprecated.js +1 -1
  7. package/dist/tokens/JSVariables--color.js +3 -1
  8. package/dist/tokens/SCSSVariableMap.scss +1 -1
  9. package/dist/tokens/SCSSVariables.scss +3 -1
  10. package/dist/tokens/SCSSVariablesMapFlat.scss +3 -1
  11. package/dist/tokens/SassCustomProperties.scss +3 -1
  12. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  13. package/dist/tokens/darkmode/CSSCustomProperties.css +1 -1
  14. package/dist/tokens/darkmode/JSDataColor.js +1 -1
  15. package/dist/tokens/darkmode/JSObject--allDarkTokens.js +1 -1
  16. package/dist/tokens/darkmode/JSVariablesColor.js +1 -1
  17. package/dist/tokens/darkmode/SCSSVariables.scss +1 -1
  18. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +1 -1
  19. package/dist/tokens/darkmode/SassCustomProperties.scss +1 -1
  20. package/package.json +1 -1
  21. package/src/color/ui.json +16 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [4.1.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.1.0...v4.1.1) (2023-09-15)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * add back deprecated tokens [#134](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/134) ([1f61b86](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/1f61b86177a362b04d4a88585c511619093bb2c9))
9
+
3
10
  # [4.1.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.0.0...v4.1.0) (2023-09-14)
4
11
 
5
12
 
package/dist/tokens/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -308,7 +308,9 @@
308
308
  --ds-color-tier-oneworld-sapphire: #015daa;
309
309
  --ds-color-tier-oneworld-ruby: #a41d4a;
310
310
  --ds-color-ui-default-default: #0074c8;
311
+ --ds-color-ui-default-inverse: #00cff0;
311
312
  --ds-color-ui-hover-default: #054687;
313
+ --ds-color-ui-hover-inverse: #5de3f7;
312
314
  --ds-color-ui-active-default: #054687;
313
315
  --ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
314
316
  --ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
package/dist/tokens/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -3524,6 +3524,37 @@ module.exports = {
3524
3524
  "default",
3525
3525
  "default"
3526
3526
  ]
3527
+ },
3528
+ "inverse": {
3529
+ "value": "#00cff0",
3530
+ "public": true,
3531
+ "inverse": true,
3532
+ "usage": "OnDark interaction color affordance",
3533
+ "wcag": "AAA",
3534
+ "deprecated": false,
3535
+ "filePath": "./src/color/ui.json",
3536
+ "isSource": true,
3537
+ "original": {
3538
+ "value": "{color.brand.breeze.300.value}",
3539
+ "public": true,
3540
+ "inverse": true,
3541
+ "usage": "OnDark interaction color affordance",
3542
+ "wcag": "AAA",
3543
+ "deprecated": false
3544
+ },
3545
+ "name": "ds-color-ui-default-inverse",
3546
+ "attributes": {
3547
+ "category": "color",
3548
+ "type": "ui",
3549
+ "item": "default",
3550
+ "subitem": "inverse"
3551
+ },
3552
+ "path": [
3553
+ "color",
3554
+ "ui",
3555
+ "default",
3556
+ "inverse"
3557
+ ]
3527
3558
  }
3528
3559
  },
3529
3560
  "hover": {
@@ -3557,6 +3588,37 @@ module.exports = {
3557
3588
  "hover",
3558
3589
  "default"
3559
3590
  ]
3591
+ },
3592
+ "inverse": {
3593
+ "value": "#5de3f7",
3594
+ "public": true,
3595
+ "inverse": true,
3596
+ "usage": "Hover interaction color on dark backgrounds",
3597
+ "wcag": "AAA",
3598
+ "deprecated": false,
3599
+ "filePath": "./src/color/ui.json",
3600
+ "isSource": true,
3601
+ "original": {
3602
+ "value": "{color.brand.breeze.200.value}",
3603
+ "public": true,
3604
+ "inverse": true,
3605
+ "usage": "Hover interaction color on dark backgrounds",
3606
+ "wcag": "AAA",
3607
+ "deprecated": false
3608
+ },
3609
+ "name": "ds-color-ui-hover-inverse",
3610
+ "attributes": {
3611
+ "category": "color",
3612
+ "type": "ui",
3613
+ "item": "hover",
3614
+ "subitem": "inverse"
3615
+ },
3616
+ "path": [
3617
+ "color",
3618
+ "ui",
3619
+ "hover",
3620
+ "inverse"
3621
+ ]
3560
3622
  }
3561
3623
  },
3562
3624
  "active": {
package/dist/tokens/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -7357,6 +7357,37 @@ module.exports = {
7357
7357
  "default",
7358
7358
  "default"
7359
7359
  ]
7360
+ },
7361
+ "inverse": {
7362
+ "value": "#00cff0",
7363
+ "public": true,
7364
+ "inverse": true,
7365
+ "usage": "OnDark interaction color affordance",
7366
+ "wcag": "AAA",
7367
+ "deprecated": false,
7368
+ "filePath": "./src/color/ui.json",
7369
+ "isSource": true,
7370
+ "original": {
7371
+ "value": "{color.brand.breeze.300.value}",
7372
+ "public": true,
7373
+ "inverse": true,
7374
+ "usage": "OnDark interaction color affordance",
7375
+ "wcag": "AAA",
7376
+ "deprecated": false
7377
+ },
7378
+ "name": "ds-color-ui-default-inverse",
7379
+ "attributes": {
7380
+ "category": "color",
7381
+ "type": "ui",
7382
+ "item": "default",
7383
+ "subitem": "inverse"
7384
+ },
7385
+ "path": [
7386
+ "color",
7387
+ "ui",
7388
+ "default",
7389
+ "inverse"
7390
+ ]
7360
7391
  }
7361
7392
  },
7362
7393
  "hover": {
@@ -7390,6 +7421,37 @@ module.exports = {
7390
7421
  "hover",
7391
7422
  "default"
7392
7423
  ]
7424
+ },
7425
+ "inverse": {
7426
+ "value": "#5de3f7",
7427
+ "public": true,
7428
+ "inverse": true,
7429
+ "usage": "Hover interaction color on dark backgrounds",
7430
+ "wcag": "AAA",
7431
+ "deprecated": false,
7432
+ "filePath": "./src/color/ui.json",
7433
+ "isSource": true,
7434
+ "original": {
7435
+ "value": "{color.brand.breeze.200.value}",
7436
+ "public": true,
7437
+ "inverse": true,
7438
+ "usage": "Hover interaction color on dark backgrounds",
7439
+ "wcag": "AAA",
7440
+ "deprecated": false
7441
+ },
7442
+ "name": "ds-color-ui-hover-inverse",
7443
+ "attributes": {
7444
+ "category": "color",
7445
+ "type": "ui",
7446
+ "item": "hover",
7447
+ "subitem": "inverse"
7448
+ },
7449
+ "path": [
7450
+ "color",
7451
+ "ui",
7452
+ "hover",
7453
+ "inverse"
7454
+ ]
7393
7455
  }
7394
7456
  },
7395
7457
  "active": {
package/dist/tokens/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
@@ -160,7 +160,9 @@ export const DsColorTierOneworldEmerald = "#139142";
160
160
  export const DsColorTierOneworldSapphire = "#015daa";
161
161
  export const DsColorTierOneworldRuby = "#a41d4a";
162
162
  export const DsColorUiDefaultDefault = "#0074c8";
163
+ export const DsColorUiDefaultInverse = "#00cff0";
163
164
  export const DsColorUiHoverDefault = "#054687";
165
+ export const DsColorUiHoverInverse = "#5de3f7";
164
166
  export const DsColorUiActiveDefault = "#054687";
165
167
  export const DsColorUiDisabledDefault = "#0074c8";
166
168
  export const DsColorUiBkgHoverDefault = "#000000";
package/dist/tokens/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
4
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ // Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -306,7 +306,9 @@ $ds-color-tier-oneworld-emerald: #139142;
306
306
  $ds-color-tier-oneworld-sapphire: #015daa;
307
307
  $ds-color-tier-oneworld-ruby: #a41d4a;
308
308
  $ds-color-ui-default-default: #0074c8;
309
+ $ds-color-ui-default-inverse: #00cff0;
309
310
  $ds-color-ui-hover-default: #054687;
311
+ $ds-color-ui-hover-inverse: #5de3f7;
310
312
  $ds-color-ui-active-default: #054687;
311
313
  $ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
312
314
  $ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
package/dist/tokens/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Thu, 14 Sep 2023 15:47:12 GMT
4
+ Generated on Fri, 15 Sep 2023 18:15:03 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -374,7 +374,9 @@ $auroTokens: (
374
374
  'ds-color-tier-oneworld-sapphire': (#015daa),
375
375
  'ds-color-tier-oneworld-ruby': (#a41d4a),
376
376
  'ds-color-ui-default-default': (#0074c8),
377
+ 'ds-color-ui-default-inverse': (#00cff0),
377
378
  'ds-color-ui-hover-default': (#054687),
379
+ 'ds-color-ui-hover-inverse': (#5de3f7),
378
380
  'ds-color-ui-active-default': (#054687),
379
381
  'ds-color-ui-disabled-default': (rgba(0, 116, 200, 0.2)),
380
382
  'ds-color-ui-bkg-hover-default': (rgba(0, 0, 0, 0.06))
package/dist/tokens/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -308,7 +308,9 @@
308
308
  --ds-color-tier-oneworld-sapphire: #015daa;
309
309
  --ds-color-tier-oneworld-ruby: #a41d4a;
310
310
  --ds-color-ui-default-default: #0074c8;
311
+ --ds-color-ui-default-inverse: #00cff0;
311
312
  --ds-color-ui-hover-default: #054687;
313
+ --ds-color-ui-hover-inverse: #5de3f7;
312
314
  --ds-color-ui-active-default: #054687;
313
315
  --ds-color-ui-disabled-default: rgba(0, 116, 200, 0.2);
314
316
  --ds-color-ui-bkg-hover-default: rgba(0, 0, 0, 0.06);
package/dist/tokens/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/darkmode/JSObject--allDarkTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Thu, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ // Generated on Fri, 15 Sep 2023 18:15:03 GMT
4
4
 
5
5
  $ds-color-base-white: #000000; //
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, 14 Sep 2023 15:47:12 GMT
4
+ Generated on Fri, 15 Sep 2023 18:15:03 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, 14 Sep 2023 15:47:12 GMT
3
+ * Generated on Fri, 15 Sep 2023 18:15:03 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.1.0",
3
+ "version": "4.1.1",
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",
package/src/color/ui.json CHANGED
@@ -31,6 +31,14 @@
31
31
  "comment": "Deprecated token",
32
32
  "reference": "n/a",
33
33
  "version": "3.12.0"
34
+ },
35
+ "inverse": {
36
+ "value": "{color.brand.breeze.300.value}",
37
+ "public": true,
38
+ "inverse": true,
39
+ "usage": "OnDark interaction color affordance",
40
+ "wcag": "AAA",
41
+ "deprecated": false
34
42
  }
35
43
  },
36
44
  "hover": {
@@ -63,6 +71,14 @@
63
71
  "comment": "Deprecated token",
64
72
  "reference": "n/a",
65
73
  "version": "3.12.0"
74
+ },
75
+ "inverse": {
76
+ "value": "{color.brand.breeze.200.value}",
77
+ "public": true,
78
+ "inverse": true,
79
+ "usage": "Hover interaction color on dark backgrounds",
80
+ "wcag": "AAA",
81
+ "deprecated": false
66
82
  }
67
83
  },
68
84
  "active": {