@aurodesignsystem/design-tokens 5.0.2 → 5.0.4
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 +14 -0
- package/README.md +86 -62
- package/dist/alaska/CSSCustomProperties--alaska.css +66 -0
- package/dist/alaska/JSObject--allTokens.js +2124 -0
- package/dist/alaska/SCSSVariables--alaska.scss +63 -0
- package/dist/alaska/SCSSVariablesMapFlat--alaska.scss +67 -0
- package/dist/alaska/primitives--alaska.scss +215 -0
- package/dist/{tokens → auro-classic}/CSSCustomProperties.css +320 -312
- package/dist/{tokens → auro-classic}/CSSSizeCustomProperties.css +1 -1
- package/dist/{tokens → auro-classic}/JSData--color.js +3145 -2071
- package/dist/{tokens → auro-classic}/JSONVariablesFlat.json +12 -4
- package/dist/{tokens → auro-classic}/JSONVariablesNested.json +13 -9
- package/dist/{tokens/JSObject--allTokens.js → auro-classic/JSObject--deprecated.js} +14311 -8433
- package/dist/{tokens → auro-classic}/JSVariables--color.js +308 -312
- package/dist/{tokens → auro-classic}/SCSSVariableMap.scss +1 -1
- package/dist/{tokens/base → auro-classic}/SCSSVariables.scss +320 -312
- package/dist/{tokens → auro-classic}/SCSSVariablesMapFlat.scss +320 -312
- package/dist/{tokens → auro-classic}/SassCustomProperties.scss +320 -312
- package/dist/{tokens → auro-classic}/SassSizeCustomProperties.scss +1 -1
- package/dist/hawaiian/CSSCustomProperties--hawaiian.css +66 -0
- package/dist/hawaiian/JSObject--allTokens.js +2124 -0
- package/dist/hawaiian/SCSSVariables--hawaiian.scss +63 -0
- package/dist/hawaiian/SCSSVariablesMapFlat--hawaiian.scss +67 -0
- package/dist/hawaiian/primitives--hawaiian.scss +175 -0
- package/dist/{tokens/transparent/CSSCustomProperties.css → transparent/CSSCustomProperties--transparent.css} +1 -5
- package/package.json +5 -3
- package/src/primitives/alaska/color.json +796 -0
- package/src/primitives/alaska/typography.json +27 -0
- package/src/primitives/base/color.json +489 -0
- package/src/primitives/base/transparency.json +183 -0
- package/src/primitives/base/typography.json +210 -0
- package/src/primitives/hawaiian/color.json +508 -0
- package/src/primitives/hawaiian/typography.json +28 -0
- package/src/themes/alaska/color.json +394 -0
- package/src/themes/alaska/typography.json +132 -0
- package/src/themes/{excursion → auro-classic}/animation.json +6 -3
- package/src/{color → themes/auro-classic/color}/alert.json +7 -0
- package/src/{color → themes/auro-classic/color}/background.json +53 -25
- package/src/{color → themes/auro-classic/color}/base.json +303 -147
- package/src/{color → themes/auro-classic/color}/border.json +68 -32
- package/src/{color → themes/auro-classic/color}/brand.json +289 -158
- package/src/{color → themes/auro-classic/color}/container.json +101 -50
- package/src/{color → themes/auro-classic/color}/icon.json +129 -64
- package/src/{color → themes/auro-classic/color}/text.json +58 -28
- package/src/{color → themes/auro-classic/color}/tier.json +43 -22
- package/src/themes/{excursion → auro-classic}/color/ui.json +12 -1
- package/src/{color → themes/auro-classic/color}/utility.json +60 -30
- package/src/themes/auro-classic/comments.json +50 -0
- package/src/{depth.json → themes/auro-classic/depth.json} +9 -4
- package/src/{elevation.json → themes/auro-classic/elevation.json} +6 -3
- package/src/{asset → themes/auro-classic}/font.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-breakpoint.json +10 -5
- package/src/themes/{excursion → auro-classic}/grid-column.json +10 -5
- package/src/{grid-gutter.json → themes/auro-classic/grid-gutter.json} +10 -5
- package/src/{grid-margin.json → themes/auro-classic/grid-margin.json} +10 -5
- package/src/{size → themes/auro-classic/size}/radius.json +2 -1
- package/src/themes/auro-classic/size/scale.json +347 -0
- package/src/themes/auro-classic/size/unitless-scale.json +126 -0
- package/src/{text.json → themes/auro-classic/text.json} +192 -97
- package/src/themes/hawaiian/color.json +394 -0
- package/src/themes/hawaiian/typography.json +132 -0
- package/src/themes/transparent/color/alert.json +7 -0
- package/src/themes/transparent/color/background.json +30 -2
- package/src/themes/transparent/color/base.json +156 -0
- package/src/themes/transparent/color/border.json +36 -0
- package/src/themes/transparent/color/brand.json +167 -36
- package/src/themes/transparent/color/container.json +50 -0
- package/src/themes/transparent/color/icon.json +65 -0
- package/src/themes/transparent/color/text.json +30 -0
- package/src/themes/transparent/color/tier.json +22 -1
- package/src/themes/transparent/color/ui.json +12 -1
- package/src/themes/transparent/color/utility.json +30 -0
- package/src/themes/transparent/elevation.json +3 -0
- package/dist/tokens/JSObject--deprecated.js +0 -3157
- package/dist/tokens/SCSSVariables.scss +0 -1372
- package/dist/tokens/darkmode/CSSCustomProperties.css +0 -28
- package/dist/tokens/darkmode/JSDataColor.js +0 -528
- package/dist/tokens/darkmode/JSObject--deprecatedDark.js +0 -528
- package/dist/tokens/darkmode/JSVariablesColor.js +0 -20
- package/dist/tokens/darkmode/SCSSVariables.scss +0 -21
- package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +0 -25
- package/dist/tokens/darkmode/SassCustomProperties.scss +0 -28
- package/dist/tokens/excursion/JSONVariablesFlat.json +0 -736
- package/dist/tokens/excursion/JSONVariablesNested.json +0 -1222
- package/dist/tokens/hawaiian/CSSCustomProperties.css +0 -20
- package/src/animation.json +0 -21
- package/src/color/ui.json +0 -125
- package/src/color-darkmode/base.json +0 -24
- package/src/color-darkmode/border.json +0 -32
- package/src/color-darkmode/icon.json +0 -32
- package/src/color-darkmode/text.json +0 -71
- package/src/color-darkmode/tier.json +0 -34
- package/src/comments.json +0 -34
- package/src/grid-breakpoint.json +0 -29
- package/src/grid-column.json +0 -29
- package/src/size/scale.json +0 -240
- package/src/size/unitless-scale.json +0 -82
- package/src/themes/excursion/asset/font.json +0 -35
- package/src/themes/excursion/color/alert.json +0 -90
- package/src/themes/excursion/color/background.json +0 -280
- package/src/themes/excursion/color/base.json +0 -1303
- package/src/themes/excursion/color/border.json +0 -288
- package/src/themes/excursion/color/brand.json +0 -1549
- package/src/themes/excursion/color/container.json +0 -464
- package/src/themes/excursion/color/excursion.json +0 -254
- package/src/themes/excursion/color/icon.json +0 -476
- package/src/themes/excursion/color/text.json +0 -270
- package/src/themes/excursion/color/tier.json +0 -180
- package/src/themes/excursion/comments.json +0 -34
- package/src/themes/excursion/depth copy.json +0 -22
- package/src/themes/excursion/elevation.json +0 -22
- package/src/themes/excursion/grid-gutter.json +0 -29
- package/src/themes/excursion/grid-margin.json +0 -29
- package/src/themes/excursion/size/radius.json +0 -9
- package/src/themes/excursion/size/scale.json +0 -234
- package/src/themes/excursion/size/unitless-scale.json +0 -82
- package/src/themes/excursion/text.json +0 -572
- package/src/themes/hawaiian/color/background.json +0 -15
- package/src/themes/hawaiian/color/border.json +0 -18
- package/src/themes/hawaiian/color/container.json +0 -56
- package/src/themes/hawaiian/color/icon.json +0 -24
- package/src/themes/hawaiian/color/text.json +0 -44
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 04 Mar 2025 18:37:01 GMT
|
|
4
|
+
|
|
5
|
+
$ds-color-border-bold: #adadad;
|
|
6
|
+
$ds-color-border-brand: #d0d0d0;
|
|
7
|
+
$ds-color-border-default: #d0d0d0;
|
|
8
|
+
$ds-color-border-divider: #00000026;
|
|
9
|
+
$ds-color-border-divider-inverse: #ffffff66;
|
|
10
|
+
$ds-color-border-inverse: #ffffff;
|
|
11
|
+
$ds-color-border-subtle: #dddddd;
|
|
12
|
+
$ds-color-brand-accent1: #00a5ba;
|
|
13
|
+
$ds-color-brand-primary: #ce0c88;
|
|
14
|
+
$ds-color-brand-primary-bold: #831a57;
|
|
15
|
+
$ds-color-brand-primary-subtle: #f0a5d2;
|
|
16
|
+
$ds-color-brand-secondary: #463c8f;
|
|
17
|
+
$ds-color-brand-secondary-bold: #31295c;
|
|
18
|
+
$ds-color-brand-secondary-subtle: #8c7eb8;
|
|
19
|
+
$ds-color-brand-tertiary: #ee453d;
|
|
20
|
+
$ds-color-brand-tertiary-bold: #97322a;
|
|
21
|
+
$ds-color-brand-tertiary-subtle: #ff9080;
|
|
22
|
+
$ds-color-fare-brand-basic: #d0d0d0;
|
|
23
|
+
$ds-color-fare-brand-first: #463c8f;
|
|
24
|
+
$ds-color-fare-brand-economy: #ce0c88;
|
|
25
|
+
$ds-color-fare-brand-premium: #00a5ba;
|
|
26
|
+
$ds-color-fare-brand-one-world-emerald: #139142;
|
|
27
|
+
$ds-color-fare-brand-one-world-ruby: #a41d4a;
|
|
28
|
+
$ds-color-fare-brand-one-world-sapphire: #015daa;
|
|
29
|
+
$ds-color-page-background-default: #ffffff;
|
|
30
|
+
$ds-color-page-background-utility: #f7f7f7;
|
|
31
|
+
$ds-color-status-default: #463c8f;
|
|
32
|
+
$ds-color-status-error: #e53339;
|
|
33
|
+
$ds-color-status-error-subtle: #fddede;
|
|
34
|
+
$ds-color-status-info: #007db1;
|
|
35
|
+
$ds-color-status-info-subtle: #e8f2f8;
|
|
36
|
+
$ds-color-status-success: #529325;
|
|
37
|
+
$ds-color-status-success-subtle: #e4f1da;
|
|
38
|
+
$ds-color-status-warning: #9e7b00;
|
|
39
|
+
$ds-color-status-warning-subtle: #fff6d1;
|
|
40
|
+
$ds-color-surface-accent1: #f2f2f2;
|
|
41
|
+
$ds-color-surface-accent1-muted: #f2f2f2;
|
|
42
|
+
$ds-color-surface-default: #ffffff;
|
|
43
|
+
$ds-color-surface-inverse: #463c8f;
|
|
44
|
+
$ds-color-surface-inverse-subtle: #463c8f;
|
|
45
|
+
$ds-color-surface-neutral-medium: #dddddd;
|
|
46
|
+
$ds-color-surface-neutral-subtle: #f2f2f2;
|
|
47
|
+
$ds-color-texticon-accent1: #000000;
|
|
48
|
+
$ds-color-texticon-default: #000000;
|
|
49
|
+
$ds-color-texticon-disabled: #adadad;
|
|
50
|
+
$ds-color-texticon-inverse: #ffffff;
|
|
51
|
+
$ds-color-texticon-muted: #3d3d3d;
|
|
52
|
+
$ds-font-weight-display: Semibold;
|
|
53
|
+
$ds-font-weight-body-default: Regular;
|
|
54
|
+
$ds-font-weight-body-large: Regular;
|
|
55
|
+
$ds-font-weight-body-small: Regular;
|
|
56
|
+
$ds-font-weight-body-xsmall: Regular;
|
|
57
|
+
$ds-font-weight-body-xxsmall: Regular;
|
|
58
|
+
$ds-font-weight-heading-heading1: Regular;
|
|
59
|
+
$ds-font-weight-heading-heading2: Regular;
|
|
60
|
+
$ds-font-weight-heading-heading3: Medium;
|
|
61
|
+
$ds-font-weight-heading-heading4: Medium;
|
|
62
|
+
$ds-font-weight-heading-heading5: Medium;
|
|
63
|
+
$ds-font-weight-heading-heading6: Medium;
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
|
|
2
|
+
/*
|
|
3
|
+
Do not edit directly
|
|
4
|
+
Generated on Tue, 04 Mar 2025 18:37:01 GMT
|
|
5
|
+
*/
|
|
6
|
+
|
|
7
|
+
$auroTokens: (
|
|
8
|
+
'ds-color-border-bold': (#adadad),
|
|
9
|
+
'ds-color-border-brand': (#d0d0d0),
|
|
10
|
+
'ds-color-border-default': (#d0d0d0),
|
|
11
|
+
'ds-color-border-divider': (#00000026),
|
|
12
|
+
'ds-color-border-divider-inverse': (#ffffff66),
|
|
13
|
+
'ds-color-border-inverse': (#ffffff),
|
|
14
|
+
'ds-color-border-subtle': (#dddddd),
|
|
15
|
+
'ds-color-brand-accent1': (#00a5ba),
|
|
16
|
+
'ds-color-brand-primary': (#ce0c88),
|
|
17
|
+
'ds-color-brand-primary-bold': (#831a57),
|
|
18
|
+
'ds-color-brand-primary-subtle': (#f0a5d2),
|
|
19
|
+
'ds-color-brand-secondary': (#463c8f),
|
|
20
|
+
'ds-color-brand-secondary-bold': (#31295c),
|
|
21
|
+
'ds-color-brand-secondary-subtle': (#8c7eb8),
|
|
22
|
+
'ds-color-brand-tertiary': (#ee453d),
|
|
23
|
+
'ds-color-brand-tertiary-bold': (#97322a),
|
|
24
|
+
'ds-color-brand-tertiary-subtle': (#ff9080),
|
|
25
|
+
'ds-color-fare-brand-basic': (#d0d0d0),
|
|
26
|
+
'ds-color-fare-brand-first': (#463c8f),
|
|
27
|
+
'ds-color-fare-brand-economy': (#ce0c88),
|
|
28
|
+
'ds-color-fare-brand-premium': (#00a5ba),
|
|
29
|
+
'ds-color-fare-brand-one-world-emerald': (#139142),
|
|
30
|
+
'ds-color-fare-brand-one-world-ruby': (#a41d4a),
|
|
31
|
+
'ds-color-fare-brand-one-world-sapphire': (#015daa),
|
|
32
|
+
'ds-color-page-background-default': (#ffffff),
|
|
33
|
+
'ds-color-page-background-utility': (#f7f7f7),
|
|
34
|
+
'ds-color-status-default': (#463c8f),
|
|
35
|
+
'ds-color-status-error': (#e53339),
|
|
36
|
+
'ds-color-status-error-subtle': (#fddede),
|
|
37
|
+
'ds-color-status-info': (#007db1),
|
|
38
|
+
'ds-color-status-info-subtle': (#e8f2f8),
|
|
39
|
+
'ds-color-status-success': (#529325),
|
|
40
|
+
'ds-color-status-success-subtle': (#e4f1da),
|
|
41
|
+
'ds-color-status-warning': (#9e7b00),
|
|
42
|
+
'ds-color-status-warning-subtle': (#fff6d1),
|
|
43
|
+
'ds-color-surface-accent1': (#f2f2f2),
|
|
44
|
+
'ds-color-surface-accent1-muted': (#f2f2f2),
|
|
45
|
+
'ds-color-surface-default': (#ffffff),
|
|
46
|
+
'ds-color-surface-inverse': (#463c8f),
|
|
47
|
+
'ds-color-surface-inverse-subtle': (#463c8f),
|
|
48
|
+
'ds-color-surface-neutral-medium': (#dddddd),
|
|
49
|
+
'ds-color-surface-neutral-subtle': (#f2f2f2),
|
|
50
|
+
'ds-color-texticon-accent1': (#000000),
|
|
51
|
+
'ds-color-texticon-default': (#000000),
|
|
52
|
+
'ds-color-texticon-disabled': (#adadad),
|
|
53
|
+
'ds-color-texticon-inverse': (#ffffff),
|
|
54
|
+
'ds-color-texticon-muted': (#3d3d3d),
|
|
55
|
+
'ds-font-weight-display': (Semibold),
|
|
56
|
+
'ds-font-weight-body-default': (Regular),
|
|
57
|
+
'ds-font-weight-body-large': (Regular),
|
|
58
|
+
'ds-font-weight-body-small': (Regular),
|
|
59
|
+
'ds-font-weight-body-xsmall': (Regular),
|
|
60
|
+
'ds-font-weight-body-xxsmall': (Regular),
|
|
61
|
+
'ds-font-weight-heading-heading1': (Regular),
|
|
62
|
+
'ds-font-weight-heading-heading2': (Regular),
|
|
63
|
+
'ds-font-weight-heading-heading3': (Medium),
|
|
64
|
+
'ds-font-weight-heading-heading4': (Medium),
|
|
65
|
+
'ds-font-weight-heading-heading5': (Medium),
|
|
66
|
+
'ds-font-weight-heading-heading6': (Medium)
|
|
67
|
+
);
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
|
|
2
|
+
// Do not edit directly
|
|
3
|
+
// Generated on Tue, 04 Mar 2025 18:37:01 GMT
|
|
4
|
+
|
|
5
|
+
$hi-color-status-help-100: #e8f2f8;
|
|
6
|
+
$hi-color-status-help-200: #dbe6f0;
|
|
7
|
+
$hi-color-status-help-300: #abc7de;
|
|
8
|
+
$hi-color-status-help-400: #7eabcd;
|
|
9
|
+
$hi-color-status-help-500: #5494c0;
|
|
10
|
+
$hi-color-status-help-600: #007db1;
|
|
11
|
+
$hi-color-status-help-700: #136791;
|
|
12
|
+
$hi-color-status-help-800: #195170;
|
|
13
|
+
$hi-color-status-help-900: #193b51;
|
|
14
|
+
$hi-color-status-help-1000: #152734;
|
|
15
|
+
$hi-color-status-warn-100: #fff6d1;
|
|
16
|
+
$hi-color-status-warn-200: #ffe382;
|
|
17
|
+
$hi-color-status-warn-300: #fac200;
|
|
18
|
+
$hi-color-status-warn-400: #e0ae00;
|
|
19
|
+
$hi-color-status-warn-500: #bd9200;
|
|
20
|
+
$hi-color-status-warn-600: #9e7b00;
|
|
21
|
+
$hi-color-status-warn-700: #856700;
|
|
22
|
+
$hi-color-status-warn-800: #6b5300;
|
|
23
|
+
$hi-color-status-warn-900: #523f00;
|
|
24
|
+
$hi-color-status-warn-1000: #382b00;
|
|
25
|
+
$hi-color-black: #000000;
|
|
26
|
+
$hi-color-white: #ffffff;
|
|
27
|
+
$hi-color-one-world-emerald: #139142;
|
|
28
|
+
$hi-color-one-world-ruby: #a41d4a;
|
|
29
|
+
$hi-color-one-world-sapphire: #015daa;
|
|
30
|
+
$hi-color-gray-50: #f2f2f2;
|
|
31
|
+
$hi-color-gray-100: #f7f7f7;
|
|
32
|
+
$hi-color-gray-200: #dddddd;
|
|
33
|
+
$hi-color-gray-250: #d0d0d0;
|
|
34
|
+
$hi-color-gray-300: #c5c5c5;
|
|
35
|
+
$hi-color-gray-400: #adadad;
|
|
36
|
+
$hi-color-gray-500: #959595;
|
|
37
|
+
$hi-color-gray-600: #7e7e7e;
|
|
38
|
+
$hi-color-gray-700: #676767;
|
|
39
|
+
$hi-color-gray-800: #525252;
|
|
40
|
+
$hi-color-gray-900: #3d3d3d;
|
|
41
|
+
$hi-color-gray-1000: #2a2a2a;
|
|
42
|
+
$hi-color-neutral-100: #f7f8fa;
|
|
43
|
+
$hi-color-neutral-200: #e4e8ec;
|
|
44
|
+
$hi-color-neutral-300: #ccd2db;
|
|
45
|
+
$hi-color-neutral-400: #afb9c6;
|
|
46
|
+
$hi-color-neutral-500: #939fad;
|
|
47
|
+
$hi-color-neutral-600: #7e8894;
|
|
48
|
+
$hi-color-neutral-700: #6a717c;
|
|
49
|
+
$hi-color-neutral-800: #585e67;
|
|
50
|
+
$hi-color-neutral-900: #484d55;
|
|
51
|
+
$hi-color-neutral-1000: #393d43;
|
|
52
|
+
$hi-color-alohapink-100: #fdf1f8;
|
|
53
|
+
$hi-color-alohapink-200: #fad8eb;
|
|
54
|
+
$hi-color-alohapink-300: #f5bede;
|
|
55
|
+
$hi-color-alohapink-400: #f0a5d2;
|
|
56
|
+
$hi-color-alohapink-500: #e26db8;
|
|
57
|
+
$hi-color-alohapink-600: #ce0c88;
|
|
58
|
+
$hi-color-alohapink-700: #a91770;
|
|
59
|
+
$hi-color-alohapink-800: #831a57;
|
|
60
|
+
$hi-color-alohapink-900: #5f1940;
|
|
61
|
+
$hi-color-alohapink-1000: #3d152a;
|
|
62
|
+
$hi-color-kaunaoa-100: #fcf3e9;
|
|
63
|
+
$hi-color-kaunaoa-200: #f6dbbc;
|
|
64
|
+
$hi-color-kaunaoa-300: #f2ca9c;
|
|
65
|
+
$hi-color-kaunaoa-400: #edb97d;
|
|
66
|
+
$hi-color-kaunaoa-500: #e7a14f;
|
|
67
|
+
$hi-color-kaunaoa-600: #e39131;
|
|
68
|
+
$hi-color-kaunaoa-700: #c6771b;
|
|
69
|
+
$hi-color-kaunaoa-800: #995c15;
|
|
70
|
+
$hi-color-kaunaoa-900: #6c410f;
|
|
71
|
+
$hi-color-kaunaoa-1000: #3a2308;
|
|
72
|
+
$hi-color-kukui-100: #eef7ee;
|
|
73
|
+
$hi-color-kukui-200: #d2e9d4;
|
|
74
|
+
$hi-color-kukui-300: #b0d9b2;
|
|
75
|
+
$hi-color-kukui-400: #8ec891;
|
|
76
|
+
$hi-color-kukui-500: #76bc78;
|
|
77
|
+
$hi-color-kukui-600: #5db060;
|
|
78
|
+
$hi-color-kukui-700: #48934b;
|
|
79
|
+
$hi-color-kukui-800: #377139;
|
|
80
|
+
$hi-color-kukui-900: #264f28;
|
|
81
|
+
$hi-color-kukui-1000: #162d17;
|
|
82
|
+
$hi-color-marine-100: #eaeefa;
|
|
83
|
+
$hi-color-marine-200: #c0ccf1;
|
|
84
|
+
$hi-color-marine-300: #b0beed;
|
|
85
|
+
$hi-color-marine-400: #9bade9;
|
|
86
|
+
$hi-color-marine-500: #8298e3;
|
|
87
|
+
$hi-color-marine-600: #718bdf;
|
|
88
|
+
$hi-color-marine-700: #5876da;
|
|
89
|
+
$hi-color-marine-800: #4768d6;
|
|
90
|
+
$hi-color-marine-900: #2b4dc0;
|
|
91
|
+
$hi-color-marine-1000: #182c6c;
|
|
92
|
+
$hi-color-ocean-100: #ecf6f8;
|
|
93
|
+
$hi-color-ocean-200: #cbe6ec;
|
|
94
|
+
$hi-color-ocean-300: #a8d6df;
|
|
95
|
+
$hi-color-ocean-400: #83c6d3;
|
|
96
|
+
$hi-color-ocean-500: #59b6c7;
|
|
97
|
+
$hi-color-ocean-600: #00a5ba;
|
|
98
|
+
$hi-color-ocean-700: #158798;
|
|
99
|
+
$hi-color-ocean-800: #1b6976;
|
|
100
|
+
$hi-color-ocean-900: #1b4c55;
|
|
101
|
+
$hi-color-ocean-1000: #173136;
|
|
102
|
+
$hi-color-royalpurple-100: #edeaf4;
|
|
103
|
+
$hi-color-royalpurple-200: #ccc5e0;
|
|
104
|
+
$hi-color-royalpurple-300: #aca1cc;
|
|
105
|
+
$hi-color-royalpurple-400: #8c7eb8;
|
|
106
|
+
$hi-color-royalpurple-500: #6b5da4;
|
|
107
|
+
$hi-color-royalpurple-600: #463c8f;
|
|
108
|
+
$hi-color-royalpurple-700: #3c3376;
|
|
109
|
+
$hi-color-royalpurple-800: #31295c;
|
|
110
|
+
$hi-color-royalpurple-900: #262043;
|
|
111
|
+
$hi-color-royalpurple-1000: #1b172c;
|
|
112
|
+
$hi-color-sunset-100: #ffeeea;
|
|
113
|
+
$hi-color-sunset-200: #ffcfc5;
|
|
114
|
+
$hi-color-sunset-300: #ffb0a2;
|
|
115
|
+
$hi-color-sunset-400: #ff9080;
|
|
116
|
+
$hi-color-sunset-500: #f86e5f;
|
|
117
|
+
$hi-color-sunset-600: #ee453d;
|
|
118
|
+
$hi-color-sunset-700: #c33c34;
|
|
119
|
+
$hi-color-sunset-800: #97322a;
|
|
120
|
+
$hi-color-sunset-900: #6d2721;
|
|
121
|
+
$hi-color-sunset-1000: #451c17;
|
|
122
|
+
$hi-font-family-body: Slate Pro;
|
|
123
|
+
$hi-font-family-display: Chronicle Display;
|
|
124
|
+
$hi-font-family-heading: Slate Pro;
|
|
125
|
+
$hi-font-weight-bold: Bold;
|
|
126
|
+
$hi-font-weight-book: Book;
|
|
127
|
+
$hi-font-weight-light: Light;
|
|
128
|
+
$hi-font-weight-medium: Medium;
|
|
129
|
+
$hi-font-weight-regular: Regular;
|
|
130
|
+
$hi-font-weight-semibold: Semibold;
|
|
131
|
+
$hi-font-size-10: 0.625rem; // 10px
|
|
132
|
+
$hi-font-size-12: 0.75rem; // 12px
|
|
133
|
+
$hi-font-size-14: 0.875rem; // 14px
|
|
134
|
+
$hi-font-size-16: 1rem; // 16px
|
|
135
|
+
$hi-font-size-18: 1.125rem; // 18px
|
|
136
|
+
$hi-font-size-20: 1.25rem; // 20px
|
|
137
|
+
$hi-font-size-22: 1.375rem; // 22px
|
|
138
|
+
$hi-font-size-24: 1.5rem; // 24px
|
|
139
|
+
$hi-font-size-26: 1.625rem; // 26px
|
|
140
|
+
$hi-font-size-28: 1.75rem; // 28px
|
|
141
|
+
$hi-font-size-32: 2rem; // 32px
|
|
142
|
+
$hi-font-size-36: 2.25rem; // 36px
|
|
143
|
+
$hi-font-size-38: 2.375rem; // 38px
|
|
144
|
+
$hi-font-size-40: 2.5rem; // 40px
|
|
145
|
+
$hi-font-size-44: 2.75rem; // 44px
|
|
146
|
+
$hi-font-size-48: 3rem; // 48px
|
|
147
|
+
$hi-font-size-56: 3.5rem; // 56px
|
|
148
|
+
$hi-font-size-64: 4rem; // 64px
|
|
149
|
+
$hi-font-size-72: 4.5rem; // 72px
|
|
150
|
+
$hi-font-size-86: 5.375rem; // 86px
|
|
151
|
+
$hi-transparency-black-5: #0000000d;
|
|
152
|
+
$hi-transparency-black-10: #0000001a;
|
|
153
|
+
$hi-transparency-black-15: #00000026;
|
|
154
|
+
$hi-transparency-black-20: #00000033;
|
|
155
|
+
$hi-transparency-black-30: #0000004d;
|
|
156
|
+
$hi-transparency-black-40: #00000066;
|
|
157
|
+
$hi-transparency-black-50: #00000080;
|
|
158
|
+
$hi-transparency-black-55: #0000008c;
|
|
159
|
+
$hi-transparency-black-60: #00000099;
|
|
160
|
+
$hi-transparency-black-70: #000000b2;
|
|
161
|
+
$hi-transparency-black-75: #000000bf;
|
|
162
|
+
$hi-transparency-black-80: #000000cc;
|
|
163
|
+
$hi-transparency-black-90: #000000e5;
|
|
164
|
+
$hi-transparency-white-5: #ffffff0d;
|
|
165
|
+
$hi-transparency-white-10: #ffffff1a;
|
|
166
|
+
$hi-transparency-white-20: #ffffff33;
|
|
167
|
+
$hi-transparency-white-30: #ffffff4d;
|
|
168
|
+
$hi-transparency-white-40: #ffffff66;
|
|
169
|
+
$hi-transparency-white-50: #ffffff80;
|
|
170
|
+
$hi-transparency-white-55: #ffffff8c;
|
|
171
|
+
$hi-transparency-white-60: #ffffff99;
|
|
172
|
+
$hi-transparency-white-70: #ffffffb2;
|
|
173
|
+
$hi-transparency-white-75: #ffffffbf;
|
|
174
|
+
$hi-transparency-white-80: #ffffffcc;
|
|
175
|
+
$hi-transparency-white-90: #ffffffe5;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Tue, 04 Mar 2025 18:37:01 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
:root {
|
|
@@ -396,10 +396,6 @@
|
|
|
396
396
|
--ds-color-brand-goldcoast-300: rgba(0, 0, 0, 0); /* transparent */
|
|
397
397
|
--ds-color-brand-goldcoast-400: rgba(0, 0, 0, 0); /* transparent */
|
|
398
398
|
--ds-color-brand-goldcoast-500: rgba(0, 0, 0, 0); /* transparent */
|
|
399
|
-
--ds-color-brand-goldgray-100: rgba(0, 0, 0, 0);
|
|
400
|
-
--ds-color-brand-goldgray-200: rgba(0, 0, 0, 0);
|
|
401
|
-
--ds-color-brand-gold-100: rgba(0, 0, 0, 0);
|
|
402
|
-
--ds-color-brand-gold-200: rgba(0, 0, 0, 0);
|
|
403
399
|
--ds-color-brand-emerald: rgba(0, 0, 0, 0);
|
|
404
400
|
--ds-color-brand-sapphire: rgba(0, 0, 0, 0);
|
|
405
401
|
--ds-color-brand-ruby: rgba(0, 0, 0, 0);
|
package/package.json
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aurodesignsystem/design-tokens",
|
|
3
|
-
"version": "5.0.
|
|
3
|
+
"version": "5.0.4",
|
|
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",
|
|
7
|
+
"type": "module",
|
|
7
8
|
"repository": {
|
|
8
9
|
"type": "git",
|
|
9
10
|
"url": "https://github.com/AlaskaAirlines/AuroDesignTokens"
|
|
@@ -29,9 +30,10 @@
|
|
|
29
30
|
},
|
|
30
31
|
"scripts": {
|
|
31
32
|
"postinstall": "node packageScripts/postinstall.mjs",
|
|
32
|
-
"build": "npm run build:tokens",
|
|
33
|
+
"build": "npm run build:tokens && npm run transform:css",
|
|
33
34
|
"build:ci": "npm-run-all sweep test build:tokens postinstall",
|
|
34
|
-
"build:tokens": "node scripts/styleDictionary.
|
|
35
|
+
"build:tokens": "node scripts/styleDictionary.mjs",
|
|
36
|
+
"transform:css": "node scripts/transformCSS.mjs",
|
|
35
37
|
"test": "node scripts/jsonTest.js",
|
|
36
38
|
"sweep": "rm -rf dist/",
|
|
37
39
|
"prepare": "husky install"
|