@aurodesignsystem/design-tokens 5.8.3 → 5.9.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.
- package/CHANGELOG.md +7 -0
- package/README.md +1 -2
- package/dist/CSSCustomProperties--bundled.css +13 -1
- package/dist/alaska/CSSCustomProperties--alaska.css +5 -1
- package/dist/alaska/JSONVariablesNested--alaska.json +8 -0
- package/dist/alaska/JSObject--allTokens.js +121 -1
- package/dist/alaska/SCSSVariables--alaska.scss +5 -1
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +5 -1
- package/dist/alaska/primitives--alaska.scss +1 -1
- package/dist/alaska-classic/CSSCustomProperties--alaskaClassic.css +5 -1
- package/dist/alaska-classic/JSONVariablesNested--alaskaClassic.json +8 -0
- package/dist/alaska-classic/JSObject--allTokens.js +121 -1
- package/dist/alaska-classic/SCSSVariables--alaskaClassic.scss +5 -1
- package/dist/alaska-classic/SCSSVariablesMapFlat--alaskaClassic.scss +5 -1
- package/dist/alaska-classic/primitives--alaskaClassic.scss +1 -1
- package/dist/auro-classic/CSSCustomProperties.css +1 -1
- package/dist/auro-classic/CSSSizeCustomProperties.css +1 -1
- package/dist/auro-classic/JSData--color.js +1 -1
- package/dist/auro-classic/JSObject--allTokens.js +1 -1
- package/dist/auro-classic/JSObject--deprecated.js +1 -1
- package/dist/auro-classic/JSVariables--color.js +1 -1
- package/dist/auro-classic/SCSSVariableMap.scss +1 -1
- package/dist/auro-classic/SCSSVariables.scss +1 -1
- package/dist/auro-classic/SCSSVariablesMapFlat.scss +1 -1
- package/dist/auro-classic/SassCustomProperties.scss +1 -1
- package/dist/auro-classic/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +5 -1
- package/dist/hawaiian/JSONVariablesNested--hawaiian.json +8 -0
- package/dist/hawaiian/JSObject--allTokens.js +121 -1
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +5 -1
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +5 -1
- package/dist/hawaiian/primitives--hawaiian.scss +1 -1
- package/dist/transparent/CSSCustomProperties--transparent.css +1 -1
- package/package.json +2 -2
- package/src/themes/alaska/advanced/color/avatar.json +22 -0
- package/src/themes/alaska/advanced/color/skeleton.json +22 -0
- package/src/themes/alaska-classic/advanced/color/avatar.json +22 -0
- package/src/themes/alaska-classic/advanced/color/skeleton.json +22 -0
- package/src/themes/hawaiian/advanced/color/avatar.json +22 -0
- package/src/themes/hawaiian/advanced/color/skeleton.json +22 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,12 @@
|
|
|
1
1
|
# Semantic Release Automated Changelog
|
|
2
2
|
|
|
3
|
+
# [5.9.0](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.3...v5.9.0) (2025-04-22)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Features
|
|
7
|
+
|
|
8
|
+
* add new skeleton and avatar tokens [#290](https://github.com/AlaskaAirlines/AuroDesignTokens/issues/290) ([3e3a3e6](https://github.com/AlaskaAirlines/AuroDesignTokens/commit/3e3a3e608325f18c300df1309970787d7d3b4fbd))
|
|
9
|
+
|
|
3
10
|
## [5.8.3](https://github.com/AlaskaAirlines/AuroDesignTokens/compare/v5.8.2...v5.8.3) (2025-04-21)
|
|
4
11
|
|
|
5
12
|
|
package/README.md
CHANGED
|
@@ -59,8 +59,7 @@ Auro Design Tokens support multiple themes:
|
|
|
59
59
|
|
|
60
60
|
### Alaska Air Group Exclusive
|
|
61
61
|
|
|
62
|
-
>
|
|
63
|
-
> The following link is only intended for Alaska Air Group employees and is protected by SSO.
|
|
62
|
+
> ⚠️ The following link is only intended for Alaska Air Group employees and is protected by SSO.
|
|
64
63
|
|
|
65
64
|
- [Prepare your pages for multi-brand theming](https://wiki.devtools.teamaag.com/guides/multibrand)
|
|
66
65
|
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
Do not edit directly
|
|
3
|
-
Generated on
|
|
3
|
+
Generated on Tue, 22 Apr 2025 19:28:12 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
/* Properties from CSSCustomProperties--alaska.css */
|
|
@@ -58,6 +58,8 @@
|
|
|
58
58
|
--ds-advanced-color-accents-accent4: #feb17a;
|
|
59
59
|
--ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
60
60
|
--ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
61
|
+
--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
62
|
+
--ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
61
63
|
--ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
62
64
|
--ds-advanced-color-boolean-error: #e31f26;
|
|
63
65
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -87,6 +89,8 @@
|
|
|
87
89
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
88
90
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
89
91
|
--ds-advanced-color-shared-text-accent: #2875b5;
|
|
92
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
93
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
90
94
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
91
95
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
92
96
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -520,6 +524,8 @@
|
|
|
520
524
|
--ds-advanced-color-accents-accent4: #feb17a;
|
|
521
525
|
--ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
522
526
|
--ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
527
|
+
--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
528
|
+
--ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
523
529
|
--ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
524
530
|
--ds-advanced-color-boolean-error: #e31f26;
|
|
525
531
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -549,6 +555,8 @@
|
|
|
549
555
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
550
556
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
551
557
|
--ds-advanced-color-shared-text-accent: #0074ca;
|
|
558
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
559
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
552
560
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
553
561
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
554
562
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -982,6 +990,8 @@
|
|
|
982
990
|
--ds-advanced-color-accents-accent4: #a8d6df;
|
|
983
991
|
--ds-advanced-color-accents-accent4-bold: #00a5ba;
|
|
984
992
|
--ds-advanced-color-accents-accent4-muted: #cbe6ec;
|
|
993
|
+
--ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
|
|
994
|
+
--ds-advanced-color-avatar-gradient-top: #8298e3;
|
|
985
995
|
--ds-advanced-color-boolean-disabled-inverse: #aca1cc;
|
|
986
996
|
--ds-advanced-color-boolean-error: #e53339;
|
|
987
997
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -1011,6 +1021,8 @@
|
|
|
1011
1021
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
1012
1022
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
1013
1023
|
--ds-advanced-color-shared-text-accent: #463c8f;
|
|
1024
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
1025
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
1014
1026
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
1015
1027
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
1016
1028
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -57,6 +57,8 @@
|
|
|
57
57
|
--ds-advanced-color-accents-accent4: #feb17a;
|
|
58
58
|
--ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
59
59
|
--ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
60
|
+
--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
61
|
+
--ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
60
62
|
--ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
61
63
|
--ds-advanced-color-boolean-error: #e31f26;
|
|
62
64
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -86,6 +88,8 @@
|
|
|
86
88
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
87
89
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
88
90
|
--ds-advanced-color-shared-text-accent: #2875b5;
|
|
91
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
92
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
89
93
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
90
94
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
91
95
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -66,6 +66,10 @@
|
|
|
66
66
|
"accent4Bold": "#fb7f24",
|
|
67
67
|
"accent4Muted": "#ffe2cf"
|
|
68
68
|
},
|
|
69
|
+
"avatar": {
|
|
70
|
+
"gradientBottom": "#cfe0ef",
|
|
71
|
+
"gradientTop": "#6899c6"
|
|
72
|
+
},
|
|
69
73
|
"boolean": {
|
|
70
74
|
"disabledInverse": "#7e8894",
|
|
71
75
|
"error": "#e31f26",
|
|
@@ -101,6 +105,10 @@
|
|
|
101
105
|
"scrim": "rgba(0, 0, 0, 0.5)",
|
|
102
106
|
"textAccent": "#2875b5"
|
|
103
107
|
},
|
|
108
|
+
"skeleton": {
|
|
109
|
+
"background": "#f7f8fa",
|
|
110
|
+
"wave": "#e4e8ec"
|
|
111
|
+
},
|
|
104
112
|
"state": {
|
|
105
113
|
"backgroundDisabled": "#dddddd",
|
|
106
114
|
"backgroundHover": "#f2f2f2",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -1637,6 +1637,66 @@ module.exports = {
|
|
|
1637
1637
|
]
|
|
1638
1638
|
}
|
|
1639
1639
|
},
|
|
1640
|
+
"avatar": {
|
|
1641
|
+
"gradientBottom": {
|
|
1642
|
+
"deprecated": false,
|
|
1643
|
+
"public": true,
|
|
1644
|
+
"type": "semantic",
|
|
1645
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1646
|
+
"value": "#cfe0ef",
|
|
1647
|
+
"filePath": "src/themes/alaska/advanced/color/avatar.json",
|
|
1648
|
+
"isSource": false,
|
|
1649
|
+
"original": {
|
|
1650
|
+
"deprecated": false,
|
|
1651
|
+
"public": true,
|
|
1652
|
+
"type": "semantic",
|
|
1653
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1654
|
+
"value": "{color.midnight.200.value}"
|
|
1655
|
+
},
|
|
1656
|
+
"name": "ds-advanced-color-avatar-gradient-bottom",
|
|
1657
|
+
"attributes": {
|
|
1658
|
+
"category": "advanced",
|
|
1659
|
+
"type": "color",
|
|
1660
|
+
"item": "avatar",
|
|
1661
|
+
"subitem": "gradientBottom"
|
|
1662
|
+
},
|
|
1663
|
+
"path": [
|
|
1664
|
+
"advanced",
|
|
1665
|
+
"color",
|
|
1666
|
+
"avatar",
|
|
1667
|
+
"gradientBottom"
|
|
1668
|
+
]
|
|
1669
|
+
},
|
|
1670
|
+
"gradientTop": {
|
|
1671
|
+
"deprecated": false,
|
|
1672
|
+
"public": true,
|
|
1673
|
+
"type": "semantic",
|
|
1674
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1675
|
+
"value": "#6899c6",
|
|
1676
|
+
"filePath": "src/themes/alaska/advanced/color/avatar.json",
|
|
1677
|
+
"isSource": false,
|
|
1678
|
+
"original": {
|
|
1679
|
+
"deprecated": false,
|
|
1680
|
+
"public": true,
|
|
1681
|
+
"type": "semantic",
|
|
1682
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1683
|
+
"value": "{color.midnight.500.value}"
|
|
1684
|
+
},
|
|
1685
|
+
"name": "ds-advanced-color-avatar-gradient-top",
|
|
1686
|
+
"attributes": {
|
|
1687
|
+
"category": "advanced",
|
|
1688
|
+
"type": "color",
|
|
1689
|
+
"item": "avatar",
|
|
1690
|
+
"subitem": "gradientTop"
|
|
1691
|
+
},
|
|
1692
|
+
"path": [
|
|
1693
|
+
"advanced",
|
|
1694
|
+
"color",
|
|
1695
|
+
"avatar",
|
|
1696
|
+
"gradientTop"
|
|
1697
|
+
]
|
|
1698
|
+
}
|
|
1699
|
+
},
|
|
1640
1700
|
"boolean": {
|
|
1641
1701
|
"disabledInverse": {
|
|
1642
1702
|
"deprecated": false,
|
|
@@ -2484,6 +2544,66 @@ module.exports = {
|
|
|
2484
2544
|
]
|
|
2485
2545
|
}
|
|
2486
2546
|
},
|
|
2547
|
+
"skeleton": {
|
|
2548
|
+
"background": {
|
|
2549
|
+
"deprecated": false,
|
|
2550
|
+
"public": true,
|
|
2551
|
+
"type": "semantic",
|
|
2552
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2553
|
+
"value": "#f7f8fa",
|
|
2554
|
+
"filePath": "src/themes/alaska/advanced/color/skeleton.json",
|
|
2555
|
+
"isSource": false,
|
|
2556
|
+
"original": {
|
|
2557
|
+
"deprecated": false,
|
|
2558
|
+
"public": true,
|
|
2559
|
+
"type": "semantic",
|
|
2560
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2561
|
+
"value": "{color.neutral.100.value}"
|
|
2562
|
+
},
|
|
2563
|
+
"name": "ds-advanced-color-skeleton-background",
|
|
2564
|
+
"attributes": {
|
|
2565
|
+
"category": "advanced",
|
|
2566
|
+
"type": "color",
|
|
2567
|
+
"item": "skeleton",
|
|
2568
|
+
"subitem": "background"
|
|
2569
|
+
},
|
|
2570
|
+
"path": [
|
|
2571
|
+
"advanced",
|
|
2572
|
+
"color",
|
|
2573
|
+
"skeleton",
|
|
2574
|
+
"background"
|
|
2575
|
+
]
|
|
2576
|
+
},
|
|
2577
|
+
"wave": {
|
|
2578
|
+
"deprecated": false,
|
|
2579
|
+
"public": true,
|
|
2580
|
+
"type": "semantic",
|
|
2581
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2582
|
+
"value": "#e4e8ec",
|
|
2583
|
+
"filePath": "src/themes/alaska/advanced/color/skeleton.json",
|
|
2584
|
+
"isSource": false,
|
|
2585
|
+
"original": {
|
|
2586
|
+
"deprecated": false,
|
|
2587
|
+
"public": true,
|
|
2588
|
+
"type": "semantic",
|
|
2589
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2590
|
+
"value": "{color.neutral.200.value}"
|
|
2591
|
+
},
|
|
2592
|
+
"name": "ds-advanced-color-skeleton-wave",
|
|
2593
|
+
"attributes": {
|
|
2594
|
+
"category": "advanced",
|
|
2595
|
+
"type": "color",
|
|
2596
|
+
"item": "skeleton",
|
|
2597
|
+
"subitem": "wave"
|
|
2598
|
+
},
|
|
2599
|
+
"path": [
|
|
2600
|
+
"advanced",
|
|
2601
|
+
"color",
|
|
2602
|
+
"skeleton",
|
|
2603
|
+
"wave"
|
|
2604
|
+
]
|
|
2605
|
+
}
|
|
2606
|
+
},
|
|
2487
2607
|
"state": {
|
|
2488
2608
|
"backgroundDisabled": {
|
|
2489
2609
|
"deprecated": false,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
|
|
5
5
|
$ds-advanced-color-button-flat-text: #676767;
|
|
6
6
|
$ds-advanced-color-button-flat-text-disabled: #d0d0d0;
|
|
@@ -55,6 +55,8 @@ $ds-advanced-color-accents-accent3-muted: #aedeff;
|
|
|
55
55
|
$ds-advanced-color-accents-accent4: #feb17a;
|
|
56
56
|
$ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
57
57
|
$ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
58
|
+
$ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
59
|
+
$ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
58
60
|
$ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
59
61
|
$ds-advanced-color-boolean-error: #e31f26;
|
|
60
62
|
$ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -84,6 +86,8 @@ $ds-advanced-color-shared-background-muted: #f7f7f7;
|
|
|
84
86
|
$ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
85
87
|
$ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
86
88
|
$ds-advanced-color-shared-text-accent: #2875b5;
|
|
89
|
+
$ds-advanced-color-skeleton-background: #f7f8fa;
|
|
90
|
+
$ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
87
91
|
$ds-advanced-color-state-background-disabled: #dddddd;
|
|
88
92
|
$ds-advanced-color-state-background-hover: #f2f2f2;
|
|
89
93
|
$ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -58,6 +58,8 @@ $auroTokens: (
|
|
|
58
58
|
'ds-advanced-color-accents-accent4': (#feb17a),
|
|
59
59
|
'ds-advanced-color-accents-accent4-bold': (#fb7f24),
|
|
60
60
|
'ds-advanced-color-accents-accent4-muted': (#ffe2cf),
|
|
61
|
+
'ds-advanced-color-avatar-gradient-bottom': (#cfe0ef),
|
|
62
|
+
'ds-advanced-color-avatar-gradient-top': (#6899c6),
|
|
61
63
|
'ds-advanced-color-boolean-disabled-inverse': (#7e8894),
|
|
62
64
|
'ds-advanced-color-boolean-error': (#e31f26),
|
|
63
65
|
'ds-advanced-color-boolean-error-hover': (#b1161c),
|
|
@@ -87,6 +89,8 @@ $auroTokens: (
|
|
|
87
89
|
'ds-advanced-color-shared-background-strong': (#7e7e7e),
|
|
88
90
|
'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
|
|
89
91
|
'ds-advanced-color-shared-text-accent': (#2875b5),
|
|
92
|
+
'ds-advanced-color-skeleton-background': (#f7f8fa),
|
|
93
|
+
'ds-advanced-color-skeleton-wave': (#e4e8ec),
|
|
90
94
|
'ds-advanced-color-state-background-disabled': (#dddddd),
|
|
91
95
|
'ds-advanced-color-state-background-hover': (#f2f2f2),
|
|
92
96
|
'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -57,6 +57,8 @@
|
|
|
57
57
|
--ds-advanced-color-accents-accent4: #feb17a;
|
|
58
58
|
--ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
59
59
|
--ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
60
|
+
--ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
61
|
+
--ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
60
62
|
--ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
61
63
|
--ds-advanced-color-boolean-error: #e31f26;
|
|
62
64
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -86,6 +88,8 @@
|
|
|
86
88
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
87
89
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
88
90
|
--ds-advanced-color-shared-text-accent: #0074ca;
|
|
91
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
92
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
89
93
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
90
94
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
91
95
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -66,6 +66,10 @@
|
|
|
66
66
|
"accent4Bold": "#fb7f24",
|
|
67
67
|
"accent4Muted": "#ffe2cf"
|
|
68
68
|
},
|
|
69
|
+
"avatar": {
|
|
70
|
+
"gradientBottom": "#cfe0ef",
|
|
71
|
+
"gradientTop": "#6899c6"
|
|
72
|
+
},
|
|
69
73
|
"boolean": {
|
|
70
74
|
"disabledInverse": "#7e8894",
|
|
71
75
|
"error": "#e31f26",
|
|
@@ -101,6 +105,10 @@
|
|
|
101
105
|
"scrim": "rgba(0, 0, 0, 0.5)",
|
|
102
106
|
"textAccent": "#0074ca"
|
|
103
107
|
},
|
|
108
|
+
"skeleton": {
|
|
109
|
+
"background": "#f7f8fa",
|
|
110
|
+
"wave": "#e4e8ec"
|
|
111
|
+
},
|
|
104
112
|
"state": {
|
|
105
113
|
"backgroundDisabled": "#dddddd",
|
|
106
114
|
"backgroundHover": "#f2f2f2",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -1637,6 +1637,66 @@ module.exports = {
|
|
|
1637
1637
|
]
|
|
1638
1638
|
}
|
|
1639
1639
|
},
|
|
1640
|
+
"avatar": {
|
|
1641
|
+
"gradientBottom": {
|
|
1642
|
+
"deprecated": false,
|
|
1643
|
+
"public": true,
|
|
1644
|
+
"type": "semantic",
|
|
1645
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1646
|
+
"value": "#cfe0ef",
|
|
1647
|
+
"filePath": "src/themes/alaska-classic/advanced/color/avatar.json",
|
|
1648
|
+
"isSource": false,
|
|
1649
|
+
"original": {
|
|
1650
|
+
"deprecated": false,
|
|
1651
|
+
"public": true,
|
|
1652
|
+
"type": "semantic",
|
|
1653
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1654
|
+
"value": "{color.midnight.200.value}"
|
|
1655
|
+
},
|
|
1656
|
+
"name": "ds-advanced-color-avatar-gradient-bottom",
|
|
1657
|
+
"attributes": {
|
|
1658
|
+
"category": "advanced",
|
|
1659
|
+
"type": "color",
|
|
1660
|
+
"item": "avatar",
|
|
1661
|
+
"subitem": "gradientBottom"
|
|
1662
|
+
},
|
|
1663
|
+
"path": [
|
|
1664
|
+
"advanced",
|
|
1665
|
+
"color",
|
|
1666
|
+
"avatar",
|
|
1667
|
+
"gradientBottom"
|
|
1668
|
+
]
|
|
1669
|
+
},
|
|
1670
|
+
"gradientTop": {
|
|
1671
|
+
"deprecated": false,
|
|
1672
|
+
"public": true,
|
|
1673
|
+
"type": "semantic",
|
|
1674
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1675
|
+
"value": "#6899c6",
|
|
1676
|
+
"filePath": "src/themes/alaska-classic/advanced/color/avatar.json",
|
|
1677
|
+
"isSource": false,
|
|
1678
|
+
"original": {
|
|
1679
|
+
"deprecated": false,
|
|
1680
|
+
"public": true,
|
|
1681
|
+
"type": "semantic",
|
|
1682
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1683
|
+
"value": "{color.midnight.500.value}"
|
|
1684
|
+
},
|
|
1685
|
+
"name": "ds-advanced-color-avatar-gradient-top",
|
|
1686
|
+
"attributes": {
|
|
1687
|
+
"category": "advanced",
|
|
1688
|
+
"type": "color",
|
|
1689
|
+
"item": "avatar",
|
|
1690
|
+
"subitem": "gradientTop"
|
|
1691
|
+
},
|
|
1692
|
+
"path": [
|
|
1693
|
+
"advanced",
|
|
1694
|
+
"color",
|
|
1695
|
+
"avatar",
|
|
1696
|
+
"gradientTop"
|
|
1697
|
+
]
|
|
1698
|
+
}
|
|
1699
|
+
},
|
|
1640
1700
|
"boolean": {
|
|
1641
1701
|
"disabledInverse": {
|
|
1642
1702
|
"deprecated": false,
|
|
@@ -2484,6 +2544,66 @@ module.exports = {
|
|
|
2484
2544
|
]
|
|
2485
2545
|
}
|
|
2486
2546
|
},
|
|
2547
|
+
"skeleton": {
|
|
2548
|
+
"background": {
|
|
2549
|
+
"deprecated": false,
|
|
2550
|
+
"public": true,
|
|
2551
|
+
"type": "semantic",
|
|
2552
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2553
|
+
"value": "#f7f8fa",
|
|
2554
|
+
"filePath": "src/themes/alaska-classic/advanced/color/skeleton.json",
|
|
2555
|
+
"isSource": false,
|
|
2556
|
+
"original": {
|
|
2557
|
+
"deprecated": false,
|
|
2558
|
+
"public": true,
|
|
2559
|
+
"type": "semantic",
|
|
2560
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2561
|
+
"value": "{color.neutral.100.value}"
|
|
2562
|
+
},
|
|
2563
|
+
"name": "ds-advanced-color-skeleton-background",
|
|
2564
|
+
"attributes": {
|
|
2565
|
+
"category": "advanced",
|
|
2566
|
+
"type": "color",
|
|
2567
|
+
"item": "skeleton",
|
|
2568
|
+
"subitem": "background"
|
|
2569
|
+
},
|
|
2570
|
+
"path": [
|
|
2571
|
+
"advanced",
|
|
2572
|
+
"color",
|
|
2573
|
+
"skeleton",
|
|
2574
|
+
"background"
|
|
2575
|
+
]
|
|
2576
|
+
},
|
|
2577
|
+
"wave": {
|
|
2578
|
+
"deprecated": false,
|
|
2579
|
+
"public": true,
|
|
2580
|
+
"type": "semantic",
|
|
2581
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2582
|
+
"value": "#e4e8ec",
|
|
2583
|
+
"filePath": "src/themes/alaska-classic/advanced/color/skeleton.json",
|
|
2584
|
+
"isSource": false,
|
|
2585
|
+
"original": {
|
|
2586
|
+
"deprecated": false,
|
|
2587
|
+
"public": true,
|
|
2588
|
+
"type": "semantic",
|
|
2589
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2590
|
+
"value": "{color.neutral.200.value}"
|
|
2591
|
+
},
|
|
2592
|
+
"name": "ds-advanced-color-skeleton-wave",
|
|
2593
|
+
"attributes": {
|
|
2594
|
+
"category": "advanced",
|
|
2595
|
+
"type": "color",
|
|
2596
|
+
"item": "skeleton",
|
|
2597
|
+
"subitem": "wave"
|
|
2598
|
+
},
|
|
2599
|
+
"path": [
|
|
2600
|
+
"advanced",
|
|
2601
|
+
"color",
|
|
2602
|
+
"skeleton",
|
|
2603
|
+
"wave"
|
|
2604
|
+
]
|
|
2605
|
+
}
|
|
2606
|
+
},
|
|
2487
2607
|
"state": {
|
|
2488
2608
|
"backgroundDisabled": {
|
|
2489
2609
|
"deprecated": false,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
|
|
5
5
|
$ds-advanced-color-button-flat-text: #676767;
|
|
6
6
|
$ds-advanced-color-button-flat-text-disabled: #d0d0d0;
|
|
@@ -55,6 +55,8 @@ $ds-advanced-color-accents-accent3-muted: #aedeff;
|
|
|
55
55
|
$ds-advanced-color-accents-accent4: #feb17a;
|
|
56
56
|
$ds-advanced-color-accents-accent4-bold: #fb7f24;
|
|
57
57
|
$ds-advanced-color-accents-accent4-muted: #ffe2cf;
|
|
58
|
+
$ds-advanced-color-avatar-gradient-bottom: #cfe0ef;
|
|
59
|
+
$ds-advanced-color-avatar-gradient-top: #6899c6;
|
|
58
60
|
$ds-advanced-color-boolean-disabled-inverse: #7e8894;
|
|
59
61
|
$ds-advanced-color-boolean-error: #e31f26;
|
|
60
62
|
$ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -84,6 +86,8 @@ $ds-advanced-color-shared-background-muted: #f7f7f7;
|
|
|
84
86
|
$ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
85
87
|
$ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
86
88
|
$ds-advanced-color-shared-text-accent: #0074ca;
|
|
89
|
+
$ds-advanced-color-skeleton-background: #f7f8fa;
|
|
90
|
+
$ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
87
91
|
$ds-advanced-color-state-background-disabled: #dddddd;
|
|
88
92
|
$ds-advanced-color-state-background-hover: #f2f2f2;
|
|
89
93
|
$ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -58,6 +58,8 @@ $auroTokens: (
|
|
|
58
58
|
'ds-advanced-color-accents-accent4': (#feb17a),
|
|
59
59
|
'ds-advanced-color-accents-accent4-bold': (#fb7f24),
|
|
60
60
|
'ds-advanced-color-accents-accent4-muted': (#ffe2cf),
|
|
61
|
+
'ds-advanced-color-avatar-gradient-bottom': (#cfe0ef),
|
|
62
|
+
'ds-advanced-color-avatar-gradient-top': (#6899c6),
|
|
61
63
|
'ds-advanced-color-boolean-disabled-inverse': (#7e8894),
|
|
62
64
|
'ds-advanced-color-boolean-error': (#e31f26),
|
|
63
65
|
'ds-advanced-color-boolean-error-hover': (#b1161c),
|
|
@@ -87,6 +89,8 @@ $auroTokens: (
|
|
|
87
89
|
'ds-advanced-color-shared-background-strong': (#7e7e7e),
|
|
88
90
|
'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
|
|
89
91
|
'ds-advanced-color-shared-text-accent': (#0074ca),
|
|
92
|
+
'ds-advanced-color-skeleton-background': (#f7f8fa),
|
|
93
|
+
'ds-advanced-color-skeleton-wave': (#e4e8ec),
|
|
90
94
|
'ds-advanced-color-state-background-disabled': (#dddddd),
|
|
91
95
|
'ds-advanced-color-state-background-hover': (#f2f2f2),
|
|
92
96
|
'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -57,6 +57,8 @@
|
|
|
57
57
|
--ds-advanced-color-accents-accent4: #a8d6df;
|
|
58
58
|
--ds-advanced-color-accents-accent4-bold: #00a5ba;
|
|
59
59
|
--ds-advanced-color-accents-accent4-muted: #cbe6ec;
|
|
60
|
+
--ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
|
|
61
|
+
--ds-advanced-color-avatar-gradient-top: #8298e3;
|
|
60
62
|
--ds-advanced-color-boolean-disabled-inverse: #aca1cc;
|
|
61
63
|
--ds-advanced-color-boolean-error: #e53339;
|
|
62
64
|
--ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -86,6 +88,8 @@
|
|
|
86
88
|
--ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
87
89
|
--ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
88
90
|
--ds-advanced-color-shared-text-accent: #463c8f;
|
|
91
|
+
--ds-advanced-color-skeleton-background: #f7f8fa;
|
|
92
|
+
--ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
89
93
|
--ds-advanced-color-state-background-disabled: #dddddd;
|
|
90
94
|
--ds-advanced-color-state-background-hover: #f2f2f2;
|
|
91
95
|
--ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -66,6 +66,10 @@
|
|
|
66
66
|
"accent4Bold": "#00a5ba",
|
|
67
67
|
"accent4Muted": "#cbe6ec"
|
|
68
68
|
},
|
|
69
|
+
"avatar": {
|
|
70
|
+
"gradientBottom": "#c0ccf1",
|
|
71
|
+
"gradientTop": "#8298e3"
|
|
72
|
+
},
|
|
69
73
|
"boolean": {
|
|
70
74
|
"disabledInverse": "#aca1cc",
|
|
71
75
|
"error": "#e53339",
|
|
@@ -101,6 +105,10 @@
|
|
|
101
105
|
"scrim": "rgba(0, 0, 0, 0.5)",
|
|
102
106
|
"textAccent": "#463c8f"
|
|
103
107
|
},
|
|
108
|
+
"skeleton": {
|
|
109
|
+
"background": "#f7f8fa",
|
|
110
|
+
"wave": "#e4e8ec"
|
|
111
|
+
},
|
|
104
112
|
"state": {
|
|
105
113
|
"backgroundDisabled": "#dddddd",
|
|
106
114
|
"backgroundHover": "#f2f2f2",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
module.exports = {
|
|
@@ -1637,6 +1637,66 @@ module.exports = {
|
|
|
1637
1637
|
]
|
|
1638
1638
|
}
|
|
1639
1639
|
},
|
|
1640
|
+
"avatar": {
|
|
1641
|
+
"gradientBottom": {
|
|
1642
|
+
"deprecated": false,
|
|
1643
|
+
"public": true,
|
|
1644
|
+
"type": "semantic",
|
|
1645
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1646
|
+
"value": "#c0ccf1",
|
|
1647
|
+
"filePath": "src/themes/hawaiian/advanced/color/avatar.json",
|
|
1648
|
+
"isSource": false,
|
|
1649
|
+
"original": {
|
|
1650
|
+
"deprecated": false,
|
|
1651
|
+
"public": true,
|
|
1652
|
+
"type": "semantic",
|
|
1653
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
1654
|
+
"value": "{color.marine.200.value}"
|
|
1655
|
+
},
|
|
1656
|
+
"name": "ds-advanced-color-avatar-gradient-bottom",
|
|
1657
|
+
"attributes": {
|
|
1658
|
+
"category": "advanced",
|
|
1659
|
+
"type": "color",
|
|
1660
|
+
"item": "avatar",
|
|
1661
|
+
"subitem": "gradientBottom"
|
|
1662
|
+
},
|
|
1663
|
+
"path": [
|
|
1664
|
+
"advanced",
|
|
1665
|
+
"color",
|
|
1666
|
+
"avatar",
|
|
1667
|
+
"gradientBottom"
|
|
1668
|
+
]
|
|
1669
|
+
},
|
|
1670
|
+
"gradientTop": {
|
|
1671
|
+
"deprecated": false,
|
|
1672
|
+
"public": true,
|
|
1673
|
+
"type": "semantic",
|
|
1674
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1675
|
+
"value": "#8298e3",
|
|
1676
|
+
"filePath": "src/themes/hawaiian/advanced/color/avatar.json",
|
|
1677
|
+
"isSource": false,
|
|
1678
|
+
"original": {
|
|
1679
|
+
"deprecated": false,
|
|
1680
|
+
"public": true,
|
|
1681
|
+
"type": "semantic",
|
|
1682
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
1683
|
+
"value": "{color.marine.500.value}"
|
|
1684
|
+
},
|
|
1685
|
+
"name": "ds-advanced-color-avatar-gradient-top",
|
|
1686
|
+
"attributes": {
|
|
1687
|
+
"category": "advanced",
|
|
1688
|
+
"type": "color",
|
|
1689
|
+
"item": "avatar",
|
|
1690
|
+
"subitem": "gradientTop"
|
|
1691
|
+
},
|
|
1692
|
+
"path": [
|
|
1693
|
+
"advanced",
|
|
1694
|
+
"color",
|
|
1695
|
+
"avatar",
|
|
1696
|
+
"gradientTop"
|
|
1697
|
+
]
|
|
1698
|
+
}
|
|
1699
|
+
},
|
|
1640
1700
|
"boolean": {
|
|
1641
1701
|
"disabledInverse": {
|
|
1642
1702
|
"deprecated": false,
|
|
@@ -2484,6 +2544,66 @@ module.exports = {
|
|
|
2484
2544
|
]
|
|
2485
2545
|
}
|
|
2486
2546
|
},
|
|
2547
|
+
"skeleton": {
|
|
2548
|
+
"background": {
|
|
2549
|
+
"deprecated": false,
|
|
2550
|
+
"public": true,
|
|
2551
|
+
"type": "semantic",
|
|
2552
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2553
|
+
"value": "#f7f8fa",
|
|
2554
|
+
"filePath": "src/themes/hawaiian/advanced/color/skeleton.json",
|
|
2555
|
+
"isSource": false,
|
|
2556
|
+
"original": {
|
|
2557
|
+
"deprecated": false,
|
|
2558
|
+
"public": true,
|
|
2559
|
+
"type": "semantic",
|
|
2560
|
+
"usage": "Background color for the auro-skeleton component",
|
|
2561
|
+
"value": "{color.neutral.100.value}"
|
|
2562
|
+
},
|
|
2563
|
+
"name": "ds-advanced-color-skeleton-background",
|
|
2564
|
+
"attributes": {
|
|
2565
|
+
"category": "advanced",
|
|
2566
|
+
"type": "color",
|
|
2567
|
+
"item": "skeleton",
|
|
2568
|
+
"subitem": "background"
|
|
2569
|
+
},
|
|
2570
|
+
"path": [
|
|
2571
|
+
"advanced",
|
|
2572
|
+
"color",
|
|
2573
|
+
"skeleton",
|
|
2574
|
+
"background"
|
|
2575
|
+
]
|
|
2576
|
+
},
|
|
2577
|
+
"wave": {
|
|
2578
|
+
"deprecated": false,
|
|
2579
|
+
"public": true,
|
|
2580
|
+
"type": "semantic",
|
|
2581
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2582
|
+
"value": "#e4e8ec",
|
|
2583
|
+
"filePath": "src/themes/hawaiian/advanced/color/skeleton.json",
|
|
2584
|
+
"isSource": false,
|
|
2585
|
+
"original": {
|
|
2586
|
+
"deprecated": false,
|
|
2587
|
+
"public": true,
|
|
2588
|
+
"type": "semantic",
|
|
2589
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
2590
|
+
"value": "{color.neutral.200.value}"
|
|
2591
|
+
},
|
|
2592
|
+
"name": "ds-advanced-color-skeleton-wave",
|
|
2593
|
+
"attributes": {
|
|
2594
|
+
"category": "advanced",
|
|
2595
|
+
"type": "color",
|
|
2596
|
+
"item": "skeleton",
|
|
2597
|
+
"subitem": "wave"
|
|
2598
|
+
},
|
|
2599
|
+
"path": [
|
|
2600
|
+
"advanced",
|
|
2601
|
+
"color",
|
|
2602
|
+
"skeleton",
|
|
2603
|
+
"wave"
|
|
2604
|
+
]
|
|
2605
|
+
}
|
|
2606
|
+
},
|
|
2487
2607
|
"state": {
|
|
2488
2608
|
"backgroundDisabled": {
|
|
2489
2609
|
"deprecated": false,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
// Do not edit directly
|
|
3
|
-
// Generated on
|
|
3
|
+
// Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
4
4
|
|
|
5
5
|
$ds-advanced-color-button-flat-text: #676767;
|
|
6
6
|
$ds-advanced-color-button-flat-text-disabled: #d0d0d0;
|
|
@@ -55,6 +55,8 @@ $ds-advanced-color-accents-accent3-muted: #ccc5e0;
|
|
|
55
55
|
$ds-advanced-color-accents-accent4: #a8d6df;
|
|
56
56
|
$ds-advanced-color-accents-accent4-bold: #00a5ba;
|
|
57
57
|
$ds-advanced-color-accents-accent4-muted: #cbe6ec;
|
|
58
|
+
$ds-advanced-color-avatar-gradient-bottom: #c0ccf1;
|
|
59
|
+
$ds-advanced-color-avatar-gradient-top: #8298e3;
|
|
58
60
|
$ds-advanced-color-boolean-disabled-inverse: #aca1cc;
|
|
59
61
|
$ds-advanced-color-boolean-error: #e53339;
|
|
60
62
|
$ds-advanced-color-boolean-error-hover: #b1161c;
|
|
@@ -84,6 +86,8 @@ $ds-advanced-color-shared-background-muted: #f7f7f7;
|
|
|
84
86
|
$ds-advanced-color-shared-background-strong: #7e7e7e;
|
|
85
87
|
$ds-advanced-color-shared-scrim: rgba(0, 0, 0, 0.5);
|
|
86
88
|
$ds-advanced-color-shared-text-accent: #463c8f;
|
|
89
|
+
$ds-advanced-color-skeleton-background: #f7f8fa;
|
|
90
|
+
$ds-advanced-color-skeleton-wave: #e4e8ec;
|
|
87
91
|
$ds-advanced-color-state-background-disabled: #dddddd;
|
|
88
92
|
$ds-advanced-color-state-background-hover: #f2f2f2;
|
|
89
93
|
$ds-advanced-color-state-background-inverse-disabled: #7e8894;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
|
|
2
2
|
/*
|
|
3
3
|
Do not edit directly
|
|
4
|
-
Generated on
|
|
4
|
+
Generated on Tue, 22 Apr 2025 19:28:24 GMT
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
$auroTokens: (
|
|
@@ -58,6 +58,8 @@ $auroTokens: (
|
|
|
58
58
|
'ds-advanced-color-accents-accent4': (#a8d6df),
|
|
59
59
|
'ds-advanced-color-accents-accent4-bold': (#00a5ba),
|
|
60
60
|
'ds-advanced-color-accents-accent4-muted': (#cbe6ec),
|
|
61
|
+
'ds-advanced-color-avatar-gradient-bottom': (#c0ccf1),
|
|
62
|
+
'ds-advanced-color-avatar-gradient-top': (#8298e3),
|
|
61
63
|
'ds-advanced-color-boolean-disabled-inverse': (#aca1cc),
|
|
62
64
|
'ds-advanced-color-boolean-error': (#e53339),
|
|
63
65
|
'ds-advanced-color-boolean-error-hover': (#b1161c),
|
|
@@ -87,6 +89,8 @@ $auroTokens: (
|
|
|
87
89
|
'ds-advanced-color-shared-background-strong': (#7e7e7e),
|
|
88
90
|
'ds-advanced-color-shared-scrim': (rgba(0, 0, 0, 0.5)),
|
|
89
91
|
'ds-advanced-color-shared-text-accent': (#463c8f),
|
|
92
|
+
'ds-advanced-color-skeleton-background': (#f7f8fa),
|
|
93
|
+
'ds-advanced-color-skeleton-wave': (#e4e8ec),
|
|
90
94
|
'ds-advanced-color-state-background-disabled': (#dddddd),
|
|
91
95
|
'ds-advanced-color-state-background-hover': (#f2f2f2),
|
|
92
96
|
'ds-advanced-color-state-background-inverse-disabled': (#7e8894),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.9.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",
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
"main": "src/",
|
|
13
13
|
"license": "Apache-2.0",
|
|
14
14
|
"engines": {
|
|
15
|
-
"node": "
|
|
15
|
+
"node": "^20.x || ^22.x"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"chalk": "^5.4.1",
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"avatar": {
|
|
5
|
+
"gradientBottom": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
10
|
+
"value": "{color.midnight.200.value}"
|
|
11
|
+
},
|
|
12
|
+
"gradientTop": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
17
|
+
"value": "{color.midnight.500.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"skeleton": {
|
|
5
|
+
"background": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Background color for the auro-skeleton component",
|
|
10
|
+
"value": "{color.neutral.100.value}"
|
|
11
|
+
},
|
|
12
|
+
"wave": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
17
|
+
"value": "{color.neutral.200.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"avatar": {
|
|
5
|
+
"gradientBottom": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
10
|
+
"value": "{color.midnight.200.value}"
|
|
11
|
+
},
|
|
12
|
+
"gradientTop": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
17
|
+
"value": "{color.midnight.500.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"skeleton": {
|
|
5
|
+
"background": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Background color for the auro-skeleton component",
|
|
10
|
+
"value": "{color.neutral.100.value}"
|
|
11
|
+
},
|
|
12
|
+
"wave": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
17
|
+
"value": "{color.neutral.200.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"avatar": {
|
|
5
|
+
"gradientBottom": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Used for creating the bottom gradient of the auro-avatar",
|
|
10
|
+
"value": "{color.marine.200.value}"
|
|
11
|
+
},
|
|
12
|
+
"gradientTop": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Used for creating the top gradient of the auro-avatar",
|
|
17
|
+
"value": "{color.marine.500.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
{
|
|
2
|
+
"advanced": {
|
|
3
|
+
"color": {
|
|
4
|
+
"skeleton": {
|
|
5
|
+
"background": {
|
|
6
|
+
"deprecated": false,
|
|
7
|
+
"public": true,
|
|
8
|
+
"type": "semantic",
|
|
9
|
+
"usage": "Background color for the auro-skeleton component",
|
|
10
|
+
"value": "{color.neutral.100.value}"
|
|
11
|
+
},
|
|
12
|
+
"wave": {
|
|
13
|
+
"deprecated": false,
|
|
14
|
+
"public": true,
|
|
15
|
+
"type": "semantic",
|
|
16
|
+
"usage": "Gradient effect of the auro-skeleton component",
|
|
17
|
+
"value": "{color.neutral.200.value}"
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
}
|