@aurodesignsystem/design-tokens 4.11.0 → 4.12.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 (26) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/tokens/CSSCustomProperties.css +4 -3
  3. package/dist/tokens/CSSSizeCustomProperties.css +2 -1
  4. package/dist/tokens/JSData--color.js +1 -1
  5. package/dist/tokens/JSONVariablesFlat.json +3 -2
  6. package/dist/tokens/JSONVariablesNested.json +3 -2
  7. package/dist/tokens/JSObject--allTokens.js +28 -5
  8. package/dist/tokens/JSObject--deprecated.js +1 -1
  9. package/dist/tokens/JSVariables--color.js +1 -1
  10. package/dist/tokens/SCSSVariableMap.scss +3 -1
  11. package/dist/tokens/SCSSVariables.scss +4 -3
  12. package/dist/tokens/SCSSVariablesMapFlat.scss +5 -3
  13. package/dist/tokens/SassCustomProperties.scss +4 -3
  14. package/dist/tokens/SassSizeCustomProperties.scss +2 -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/dist/tokens/hawaiian/CSSCustomProperties.css +1 -1
  23. package/dist/tokens/transparent/CSSCustomProperties.css +1 -1
  24. package/package.json +1 -1
  25. package/src/depth.json +2 -2
  26. package/src/size/scale.json +6 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,19 @@
1
1
  # Semantic Release Automated Changelog
2
2
 
3
+ ## [4.12.1](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.12.0...v4.12.1) (2024-12-10)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * change value of depth tokens [#198](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/198) ([07de776](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/07de776bb649fc166f3a5b22fb56b166fa2b18f5))
9
+
10
+ # [4.12.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.11.0...v4.12.0) (2024-12-03)
11
+
12
+
13
+ ### Features
14
+
15
+ * add new size token [#188](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/188) ([4688211](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/46882115c4fc4cc692bed99fec8867935aa736aa))
16
+
3
17
  # [4.11.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v4.10.2...v4.11.0) (2024-11-20)
4
18
 
5
19
 
package/dist/tokens/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -16,6 +16,7 @@
16
16
  --ds-size-100: 0.5rem; /* 8px */
17
17
  --ds-size-150: 0.75rem; /* 12px */
18
18
  --ds-size-200: 1rem; /* 16px */
19
+ --ds-size-250: 1.25rem; /* 20px */
19
20
  --ds-size-300: 1.5rem; /* 24px */
20
21
  --ds-size-400: 2rem; /* 32px */
21
22
  --ds-size-500: 2.5rem; /* 40px */
@@ -36,8 +37,8 @@
36
37
  --ds-animation-default-duration: 0.3s;
37
38
  --ds-animation-default-timing: ease-out;
38
39
  --ds-depth-overlay: 200;
39
- --ds-depth-modal: 400;
40
- --ds-depth-tooltip: 300;
40
+ --ds-depth-modal: 300;
41
+ --ds-depth-tooltip: 400;
41
42
  --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
42
43
  --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
43
44
  --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
package/dist/tokens/CSSSizeCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -10,6 +10,7 @@
10
10
  --ds-size-100: 0.5rem; /* 8px */
11
11
  --ds-size-150: 0.75rem; /* 12px */
12
12
  --ds-size-200: 1rem; /* 16px */
13
+ --ds-size-250: 1.25rem; /* 20px */
13
14
  --ds-size-300: 1.5rem; /* 24px */
14
15
  --ds-size-400: 2rem; /* 32px */
15
16
  --ds-size-500: 2.5rem; /* 40px */
package/dist/tokens/JSData--color.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/dist/tokens/JSONVariablesFlat.json CHANGED
@@ -11,6 +11,7 @@
11
11
  "ds-size-100": "0.5rem",
12
12
  "ds-size-150": "0.75rem",
13
13
  "ds-size-200": "1rem",
14
+ "ds-size-250": "1.25rem",
14
15
  "ds-size-300": "1.5rem",
15
16
  "ds-size-400": "2rem",
16
17
  "ds-size-500": "2.5rem",
@@ -31,8 +32,8 @@
31
32
  "ds-animation-default-duration": "0.3s",
32
33
  "ds-animation-default-timing": "ease-out",
33
34
  "ds-depth-overlay": "200",
34
- "ds-depth-modal": "400",
35
- "ds-depth-tooltip": "300",
35
+ "ds-depth-modal": "300",
36
+ "ds-depth-tooltip": "400",
36
37
  "ds-elevation-100": "0px 0px 5px rgba(0, 0, 0, 0.15)",
37
38
  "ds-elevation-200": "0px 0px 10px rgba(0, 0, 0, 0.15)",
38
39
  "ds-elevation-300": "0px 0px 15px rgba(0, 0, 0, 0.2)",
package/dist/tokens/JSONVariablesNested.json CHANGED
@@ -22,6 +22,7 @@
22
22
  "100": "0.5rem",
23
23
  "150": "0.75rem",
24
24
  "200": "1rem",
25
+ "250": "1.25rem",
25
26
  "300": "1.5rem",
26
27
  "400": "2rem",
27
28
  "500": "2.5rem",
@@ -52,8 +53,8 @@
52
53
  },
53
54
  "depth": {
54
55
  "overlay": "200",
55
- "modal": "400",
56
- "tooltip": "300"
56
+ "modal": "300",
57
+ "tooltip": "400"
57
58
  },
58
59
  "elevation": {
59
60
  "100": "0px 0px 5px rgba(0, 0, 0, 0.15)",
package/dist/tokens/JSObject--allTokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -305,6 +305,29 @@ module.exports = {
305
305
  "200"
306
306
  ]
307
307
  },
308
+ "250": {
309
+ "value": 1.25,
310
+ "comment": "20px",
311
+ "public": true,
312
+ "deprecated": false,
313
+ "filePath": "src/size/scale.json",
314
+ "isSource": false,
315
+ "original": {
316
+ "value": 1.25,
317
+ "comment": "20px",
318
+ "public": true,
319
+ "deprecated": false
320
+ },
321
+ "name": "ds-size-250",
322
+ "attributes": {
323
+ "category": "size",
324
+ "type": "250"
325
+ },
326
+ "path": [
327
+ "size",
328
+ "250"
329
+ ]
330
+ },
308
331
  "300": {
309
332
  "value": 1.5,
310
333
  "comment": "24px",
@@ -774,13 +797,13 @@ module.exports = {
774
797
  ]
775
798
  },
776
799
  "modal": {
777
- "value": "400",
800
+ "value": "300",
778
801
  "public": true,
779
802
  "deprecated": false,
780
803
  "filePath": "src/depth.json",
781
804
  "isSource": false,
782
805
  "original": {
783
- "value": "400",
806
+ "value": "300",
784
807
  "public": true,
785
808
  "deprecated": false
786
809
  },
@@ -795,13 +818,13 @@ module.exports = {
795
818
  ]
796
819
  },
797
820
  "tooltip": {
798
- "value": "300",
821
+ "value": "400",
799
822
  "public": true,
800
823
  "deprecated": false,
801
824
  "filePath": "src/depth.json",
802
825
  "isSource": false,
803
826
  "original": {
804
- "value": "300",
827
+ "value": "400",
805
828
  "public": true,
806
829
  "deprecated": false
807
830
  },
package/dist/tokens/JSObject--deprecated.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  export const DsColorAlertNotificationDefault = "#0074c8";
package/dist/tokens/SCSSVariableMap.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
5
5
  */
6
6
 
7
7
  $ds-size-25: 0.125rem !default; // 2px
@@ -10,6 +10,7 @@ $ds-size-75: 0.375rem !default; // 6px
10
10
  $ds-size-100: 0.5rem !default; // 8px
11
11
  $ds-size-150: 0.75rem !default; // 12px
12
12
  $ds-size-200: 1rem !default; // 16px
13
+ $ds-size-250: 1.25rem !default; // 20px
13
14
  $ds-size-300: 1.5rem !default; // 24px
14
15
  $ds-size-400: 2rem !default; // 32px
15
16
  $ds-size-500: 2.5rem !default; // 40px
@@ -27,6 +28,7 @@ $tokens: (
27
28
  '100': $ds-size-100,
28
29
  '150': $ds-size-150,
29
30
  '200': $ds-size-200,
31
+ '250': $ds-size-250,
30
32
  '300': $ds-size-300,
31
33
  '400': $ds-size-400,
32
34
  '500': $ds-size-500,
package/dist/tokens/SCSSVariables.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ // Generated on Tue, 10 Dec 2024 19:41:06 GMT
4
4
 
5
5
  $ds-asset-font-circular-family-name: "AS Circular";
6
6
  $ds-asset-font-circular-filename: "ASCircularWeb";
@@ -14,6 +14,7 @@ $ds-size-75: 0.375rem; // 6px
14
14
  $ds-size-100: 0.5rem; // 8px
15
15
  $ds-size-150: 0.75rem; // 12px
16
16
  $ds-size-200: 1rem; // 16px
17
+ $ds-size-250: 1.25rem; // 20px
17
18
  $ds-size-300: 1.5rem; // 24px
18
19
  $ds-size-400: 2rem; // 32px
19
20
  $ds-size-500: 2.5rem; // 40px
@@ -34,8 +35,8 @@ $ds-animation-default-property: all;
34
35
  $ds-animation-default-duration: 0.3s;
35
36
  $ds-animation-default-timing: ease-out;
36
37
  $ds-depth-overlay: 200;
37
- $ds-depth-modal: 400;
38
- $ds-depth-tooltip: 300;
38
+ $ds-depth-modal: 300;
39
+ $ds-depth-tooltip: 400;
39
40
  $ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); // for the least amount of emphasis
40
41
  $ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); // for more emphasis than low elevation
41
42
  $ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); // for maximum emphasis or differentiation
package/dist/tokens/SCSSVariablesMapFlat.scss CHANGED
@@ -1,7 +1,7 @@
1
1
 
2
2
  /*
3
3
  Do not edit directly
4
- Generated on Wed, 20 Nov 2024 02:41:00 GMT
4
+ Generated on Tue, 10 Dec 2024 19:41:06 GMT
5
5
  */
6
6
 
7
7
  $auroTokens: (
@@ -23,6 +23,8 @@ $auroTokens: (
23
23
  'ds-size-150': (0.75rem),
24
24
  // 16px
25
25
  'ds-size-200': (1rem),
26
+ // 20px
27
+ 'ds-size-250': (1.25rem),
26
28
  // 24px
27
29
  'ds-size-300': (1.5rem),
28
30
  // 32px
@@ -51,8 +53,8 @@ $auroTokens: (
51
53
  'ds-animation-default-duration': (0.3s),
52
54
  'ds-animation-default-timing': (ease-out),
53
55
  'ds-depth-overlay': (200),
54
- 'ds-depth-modal': (400),
55
- 'ds-depth-tooltip': (300),
56
+ 'ds-depth-modal': (300),
57
+ 'ds-depth-tooltip': (400),
56
58
  // for the least amount of emphasis
57
59
  'ds-elevation-100': (0px 0px 5px rgba(0, 0, 0, 0.15)),
58
60
  // for more emphasis than low elevation
package/dist/tokens/SassCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -16,6 +16,7 @@
16
16
  --ds-size-100: 0.5rem; /* 8px */
17
17
  --ds-size-150: 0.75rem; /* 12px */
18
18
  --ds-size-200: 1rem; /* 16px */
19
+ --ds-size-250: 1.25rem; /* 20px */
19
20
  --ds-size-300: 1.5rem; /* 24px */
20
21
  --ds-size-400: 2rem; /* 32px */
21
22
  --ds-size-500: 2.5rem; /* 40px */
@@ -36,8 +37,8 @@
36
37
  --ds-animation-default-duration: 0.3s;
37
38
  --ds-animation-default-timing: ease-out;
38
39
  --ds-depth-overlay: 200;
39
- --ds-depth-modal: 400;
40
- --ds-depth-tooltip: 300;
40
+ --ds-depth-modal: 300;
41
+ --ds-depth-tooltip: 400;
41
42
  --ds-elevation-100: 0px 0px 5px rgba(0, 0, 0, 0.15); /* for the least amount of emphasis */
42
43
  --ds-elevation-200: 0px 0px 10px rgba(0, 0, 0, 0.15); /* for more emphasis than low elevation */
43
44
  --ds-elevation-300: 0px 0px 15px rgba(0, 0, 0, 0.2); /* for maximum emphasis or differentiation */
package/dist/tokens/SassSizeCustomProperties.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -10,6 +10,7 @@
10
10
  --ds-size-100: 0.5rem; /* 8px */
11
11
  --ds-size-150: 0.75rem; /* 12px */
12
12
  --ds-size-200: 1rem; /* 16px */
13
+ --ds-size-250: 1.25rem; /* 20px */
13
14
  --ds-size-300: 1.5rem; /* 24px */
14
15
  --ds-size-400: 2rem; /* 32px */
15
16
  --ds-size-500: 2.5rem; /* 40px */
package/dist/tokens/darkmode/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ // Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
4
+ Generated on Tue, 10 Dec 2024 19:41:07 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 Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/hawaiian/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/transparent/CSSCustomProperties.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 20 Nov 2024 02:41:00 GMT
3
+ * Generated on Tue, 10 Dec 2024 19:41:07 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.11.0",
3
+ "version": "4.12.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/depth.json CHANGED
@@ -9,12 +9,12 @@
9
9
  "deprecated": false
10
10
  },
11
11
  "modal": {
12
- "value": "400",
12
+ "value": "300",
13
13
  "public": true,
14
14
  "deprecated": false
15
15
  },
16
16
  "tooltip": {
17
- "value": "300",
17
+ "value": "400",
18
18
  "public": true,
19
19
  "deprecated": false
20
20
  }
package/src/size/scale.json CHANGED
@@ -182,6 +182,12 @@
182
182
  "public": true,
183
183
  "deprecated": false
184
184
  },
185
+ "250": {
186
+ "value": 1.25,
187
+ "comment": "20px",
188
+ "public": true,
189
+ "deprecated": false
190
+ },
185
191
  "300": {
186
192
  "value": 1.50,
187
193
  "comment": "24px",