@aurodesignsystem/design-tokens 4.0.0 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (51) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/README.md +20 -26
  3. package/dist/tokens/CSSCustomProperties.css +1 -1
  4. package/dist/tokens/CSSSizeCustomProperties.css +1 -1
  5. package/dist/tokens/JSData--color.js +1 -1
  6. package/dist/tokens/JSObject--allTokens.js +1 -1
  7. package/dist/tokens/JSObject--deprecated.js +1 -1
  8. package/dist/tokens/JSVariables--color.js +1 -1
  9. package/dist/tokens/SCSSVariableMap.scss +1 -1
  10. package/dist/tokens/SCSSVariables.scss +1 -1
  11. package/dist/tokens/SCSSVariablesMapFlat.scss +1 -1
  12. package/dist/tokens/SassCustomProperties.scss +1 -1
  13. package/dist/tokens/SassSizeCustomProperties.scss +1 -1
  14. package/dist/tokens/darkmode/CSSCustomProperties.css +22 -0
  15. package/dist/tokens/darkmode/JSDataColor.js +464 -0
  16. package/dist/tokens/darkmode/JSObject--allDarkTokens.js +464 -0
  17. package/dist/tokens/darkmode/JSVariablesColor.js +20 -0
  18. package/dist/tokens/darkmode/SCSSVariables.scss +19 -0
  19. package/dist/tokens/darkmode/SCSSVariablesMapFlat.scss +25 -0
  20. package/dist/tokens/darkmode/SassCustomProperties.scss +22 -0
  21. package/package.json +1 -1
  22. package/src/color-darkmode/base.json +6 -126
  23. package/src/color-darkmode/border.json +2 -40
  24. package/src/color-darkmode/icon.json +2 -20
  25. package/src/color-darkmode/text.json +5 -10
  26. package/src/color-darkmode/tier.json +2 -26
  27. package/dist/tokens/CSSCustomProperties--darkmode.css +0 -302
  28. package/dist/tokens/CSSCustomPropertiesColorRGB--darkmode.css +0 -155
  29. package/dist/tokens/CSSCustomPropertiesColorRGB.css +0 -168
  30. package/dist/tokens/CSSOpacityProperties--darkmode.scss +0 -10
  31. package/dist/tokens/CSSOpacityProperties.scss +0 -10
  32. package/dist/tokens/CSSSizeCustomProperties--darkmode.css +0 -20
  33. package/dist/tokens/CSSVariables--darkmode.css +0 -302
  34. package/dist/tokens/CSSVariablesMapFlat--darkmode.css +0 -368
  35. package/dist/tokens/JSData--darkmodeColor.js +0 -3254
  36. package/dist/tokens/JSObject--allDarkTokens.js +0 -7087
  37. package/dist/tokens/JSObject--deprecatedDark.js +0 -675
  38. package/dist/tokens/JSVariables--darkmodeColor.js +0 -153
  39. package/dist/tokens/SCSSOpacityVariables--darkmode.scss +0 -7
  40. package/dist/tokens/SCSSOpacityVariables.scss +0 -7
  41. package/dist/tokens/SCSSVariableMap--darkmode.scss +0 -37
  42. package/dist/tokens/SCSSVariables--darkmode.scss +0 -299
  43. package/dist/tokens/SCSSVariablesMapFlat--darkmode.scss +0 -368
  44. package/dist/tokens/SassCustomProperties--darkmode.scss +0 -302
  45. package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss +0 -155
  46. package/dist/tokens/SassCustomPropertiesColorRGB.scss +0 -168
  47. package/dist/tokens/SassSizeCustomProperties--darkmode.scss +0 -20
  48. package/src/color-darkmode/alert.json +0 -56
  49. package/src/color-darkmode/background.json +0 -38
  50. package/src/color-darkmode/brand.json +0 -530
  51. package/src/color-darkmode/ui.json +0 -57
package/dist/tokens/SassCustomPropertiesColorRGB--darkmode.scss DELETED
@@ -1,155 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:39 GMT
4
- */
5
-
6
- :root {
7
- --ds-rgb-color-alert-notification-default: 0, 207, 240;
8
- --ds-rgb-color-alert-warning-default: 222, 117, 12;
9
- --ds-rgb-color-alert-error-default: 255, 153, 155;
10
- --ds-rgb-color-alert-success-default: 105, 207, 150;
11
- --ds-rgb-color-alert-advisory-default: 255, 240, 205;
12
- --ds-rgb-color-background-lightest: 255, 255, 255;
13
- --ds-rgb-color-background-lighter: 248, 248, 248;
14
- --ds-rgb-color-background-darker: 1, 66, 106;
15
- --ds-rgb-color-background-darkest: 0, 39, 74;
16
- --ds-rgb-color-base-white: 255, 255, 255; /*
17
- // Base value for token support; should not use in code! */
18
- --ds-rgb-color-base-white-opacity-40: 255, 255, 255, 0.4; /* white @ 40% */
19
- --ds-rgb-color-base-black: 0, 0, 0; /*
20
- // Base value for token support; should not use in code! */
21
- --ds-rgb-color-base-black-opacity-15: 0, 0, 0, 0.15; /* black @ 15% */
22
- --ds-rgb-color-state-error-100: 255, 153, 155;
23
- --ds-rgb-color-state-error-500: 223, 11, 55;
24
- --ds-rgb-color-state-success-100: 105, 207, 150;
25
- --ds-rgb-color-state-success-500: 0, 128, 93;
26
- --ds-rgb-color-state-warning-500: 222, 117, 12;
27
- --ds-rgb-color-border-primary-default: 159, 171, 187;
28
- --ds-rgb-color-border-active-default: 0, 207, 240;
29
- --ds-rgb-color-border-error-default: 255, 153, 155;
30
- --ds-rgb-color-border-disabled-default: 219, 219, 219;
31
- --ds-rgb-color-border-focus-default: 255, 255, 255;
32
- --ds-rgb-color-border-divider-default: 255, 255, 255;
33
- --ds-rgb-color-brand-midnight-100: 193, 218, 240; /*
34
- // Please consider descriptive token prior to using brand token */
35
- --ds-rgb-color-brand-midnight-200: 86, 158, 215; /*
36
- // Please consider descriptive token prior to using brand token */
37
- --ds-rgb-color-brand-midnight-300: 21, 111, 173; /*
38
- // Please consider descriptive token prior to using brand token */
39
- --ds-rgb-color-brand-midnight-400: 1, 66, 106; /*
40
- // Please consider descriptive token prior to using brand token */
41
- --ds-rgb-color-brand-midnight-500: 0, 39, 74; /*
42
- // Please consider descriptive token prior to using brand token */
43
- --ds-rgb-color-brand-atlas-100: 205, 230, 255; /*
44
- // Please consider descriptive token prior to using brand token */
45
- --ds-rgb-color-brand-atlas-200: 107, 183, 251; /*
46
- // Please consider descriptive token prior to using brand token */
47
- --ds-rgb-color-brand-atlas-300: 36, 146, 235; /*
48
- // Please consider descriptive token prior to using brand token */
49
- --ds-rgb-color-brand-atlas-400: 0, 116, 200; /*
50
- // Please consider descriptive token prior to using brand token */
51
- --ds-rgb-color-brand-atlas-500: 5, 70, 135; /*
52
- // Please consider descriptive token prior to using brand token */
53
- --ds-rgb-color-brand-breeze-100: 192, 247, 255; /*
54
- // Please consider descriptive token prior to using brand token */
55
- --ds-rgb-color-brand-breeze-200: 93, 227, 247; /*
56
- // Please consider descriptive token prior to using brand token */
57
- --ds-rgb-color-brand-breeze-300: 0, 207, 240; /*
58
- // Please consider descriptive token prior to using brand token */
59
- --ds-rgb-color-brand-breeze-400: 9, 157, 197; /*
60
- // Please consider descriptive token prior to using brand token */
61
- --ds-rgb-color-brand-breeze-500: 11, 85, 117; /*
62
- // Please consider descriptive token prior to using brand token */
63
- --ds-rgb-color-brand-tropical-100: 226, 255, 205; /*
64
- // Please consider descriptive token prior to using brand token */
65
- --ds-rgb-color-brand-tropical-200: 208, 251, 166; /*
66
- // Please consider descriptive token prior to using brand token */
67
- --ds-rgb-color-brand-tropical-300: 192, 229, 133; /*
68
- // Please consider descriptive token prior to using brand token */
69
- --ds-rgb-color-brand-tropical-400: 145, 190, 98; /*
70
- // Please consider descriptive token prior to using brand token */
71
- --ds-rgb-color-brand-tropical-500: 94, 135, 65; /*
72
- // Please consider descriptive token prior to using brand token */
73
- --ds-rgb-color-brand-alpine-100: 188, 170, 230; /*
74
- // Please consider descriptive token prior to using brand token */
75
- --ds-rgb-color-brand-alpine-200: 158, 115, 234; /*
76
- // Please consider descriptive token prior to using brand token */
77
- --ds-rgb-color-brand-alpine-300: 132, 57, 239; /*
78
- // Please consider descriptive token prior to using brand token */
79
- --ds-rgb-color-brand-alpine-400: 99, 29, 184; /*
80
- // Please consider descriptive token prior to using brand token */
81
- --ds-rgb-color-brand-alpine-500: 57, 17, 92; /*
82
- // Please consider descriptive token prior to using brand token */
83
- --ds-rgb-color-brand-flamingo-100: 255, 235, 238; /*
84
- // Please consider descriptive token prior to using brand token */
85
- --ds-rgb-color-brand-flamingo-200: 255, 192, 202; /*
86
- // Please consider descriptive token prior to using brand token */
87
- --ds-rgb-color-brand-flamingo-300: 255, 148, 167; /*
88
- // Please consider descriptive token prior to using brand token */
89
- --ds-rgb-color-brand-flamingo-400: 246, 91, 123; /*
90
- // Please consider descriptive token prior to using brand token */
91
- --ds-rgb-color-brand-flamingo-500: 184, 43, 71; /*
92
- // Please consider descriptive token prior to using brand token */
93
- --ds-rgb-color-brand-canyon-100: 255, 202, 182; /*
94
- // Please consider descriptive token prior to using brand token */
95
- --ds-rgb-color-brand-canyon-200: 249, 149, 116; /*
96
- // Please consider descriptive token prior to using brand token */
97
- --ds-rgb-color-brand-canyon-300: 242, 97, 53; /*
98
- // Please consider descriptive token prior to using brand token */
99
- --ds-rgb-color-brand-canyon-400: 222, 62, 9; /*
100
- // Please consider descriptive token prior to using brand token */
101
- --ds-rgb-color-brand-canyon-500: 184, 51, 2; /*
102
- // Please consider descriptive token prior to using brand token */
103
- --ds-rgb-color-brand-goldcoast-100: 255, 240, 205; /*
104
- // Please consider descriptive token prior to using brand token */
105
- --ds-rgb-color-brand-goldcoast-200: 255, 219, 103; /*
106
- // Please consider descriptive token prior to using brand token */
107
- --ds-rgb-color-brand-goldcoast-300: 255, 210, 0; /*
108
- // Please consider descriptive token prior to using brand token */
109
- --ds-rgb-color-brand-goldcoast-400: 229, 173, 7; /*
110
- // Please consider descriptive token prior to using brand token */
111
- --ds-rgb-color-brand-goldcoast-500: 184, 134, 36; /*
112
- // Please consider descriptive token prior to using brand token */
113
- --ds-rgb-color-brand-neutral-100: 249, 251, 252; /*
114
- // Please consider descriptive token prior to using brand token */
115
- --ds-rgb-color-brand-neutral-200: 226, 234, 239; /*
116
- // Please consider descriptive token prior to using brand token */
117
- --ds-rgb-color-brand-neutral-300: 203, 216, 226; /*
118
- // Please consider descriptive token prior to using brand token */
119
- --ds-rgb-color-brand-neutral-400: 159, 171, 187; /*
120
- // Please consider descriptive token prior to using brand token */
121
- --ds-rgb-color-brand-neutral-500: 98, 107, 121; /*
122
- // Please consider descriptive token prior to using brand token */
123
- --ds-rgb-color-brand-gray-100: 248, 248, 248;
124
- --ds-rgb-color-brand-gray-200: 219, 219, 219;
125
- --ds-rgb-color-brand-gray-300: 178, 178, 178;
126
- --ds-rgb-color-brand-gray-400: 118, 118, 118;
127
- --ds-rgb-color-brand-gray-500: 34, 34, 34;
128
- --ds-rgb-color-brand-goldgray-100: 197, 193, 191;
129
- --ds-rgb-color-brand-goldgray-200: 114, 110, 108;
130
- --ds-rgb-color-brand-gold-100: 204, 188, 148;
131
- --ds-rgb-color-brand-gold-200: 127, 104, 46;
132
- --ds-rgb-color-brand-emerald: 19, 145, 66;
133
- --ds-rgb-color-brand-sapphire: 1, 93, 170;
134
- --ds-rgb-color-brand-ruby: 164, 29, 74;
135
- --ds-rgb-color-icon-primary-default: 159, 171, 187;
136
- --ds-rgb-color-icon-emphasis-default: 255, 255, 255;
137
- --ds-rgb-color-icon-accent-default: 0, 207, 240;
138
- --ds-rgb-color-icon-disabled-default: 255, 255, 255, 0.4;
139
- --ds-rgb-color-text-primary-default: 255, 255, 255;
140
- --ds-rgb-color-text-secondary-default: 159, 171, 187;
141
- --ds-rgb-color-text-link-default: 0, 207, 240;
142
- --ds-rgb-color-text-error-default: 255, 153, 155;
143
- --ds-rgb-color-text-disabled-default: 219, 219, 219;
144
- --ds-rgb-color-text-emphasis-default: 193, 218, 240;
145
- --ds-rgb-color-tier-alaska-mvp-default: 197, 193, 191;
146
- --ds-rgb-color-tier-alaska-mvpgold-default: 204, 188, 148;
147
- --ds-rgb-color-tier-oneworld-emerald: 19, 145, 66;
148
- --ds-rgb-color-tier-oneworld-sapphire: 1, 93, 170;
149
- --ds-rgb-color-tier-oneworld-ruby: 164, 29, 74;
150
- --ds-rgb-color-ui-default-default: 0, 207, 240;
151
- --ds-rgb-color-ui-hover-default: 93, 227, 247;
152
- --ds-rgb-color-ui-active-default: 93, 227, 247;
153
- --ds-rgb-color-ui-disabled-default: 0, 207, 240, 0.3;
154
- --ds-rgb-color-ui-bkg-hover-default: 93, 227, 247, 0.1;
155
- }
package/dist/tokens/SassCustomPropertiesColorRGB.scss DELETED
@@ -1,168 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:39 GMT
4
- */
5
-
6
- :root {
7
- --ds-rgb-color-alert-notification-default: 0, 116, 200;
8
- --ds-rgb-color-alert-warning-default: 222, 117, 12;
9
- --ds-rgb-color-alert-error-default: 223, 11, 55;
10
- --ds-rgb-color-alert-success-default: 0, 128, 93;
11
- --ds-rgb-color-alert-advisory-default: 255, 240, 205;
12
- --ds-rgb-color-alert-bkg-success-default: 221, 246, 232;
13
- --ds-rgb-color-alert-bkg-error-default: 255, 237, 241;
14
- --ds-rgb-color-background-lightest: 255, 255, 255;
15
- --ds-rgb-color-background-lighter: 248, 248, 248;
16
- --ds-rgb-color-background-darker: 1, 66, 106;
17
- --ds-rgb-color-background-darkest: 0, 39, 74;
18
- --ds-rgb-color-base-white: 255, 255, 255; /*
19
- // Base value for token support; should not use in code! */
20
- --ds-rgb-color-base-white-opacity-40: 255, 255, 255, 0.4; /* white @ 40% */
21
- --ds-rgb-color-base-black: 0, 0, 0; /*
22
- // Base value for token support; should not use in code! */
23
- --ds-rgb-color-base-black-opacity-15: 0, 0, 0, 0.15; /* black @ 15% */
24
- --ds-rgb-color-state-error-100: 255, 153, 155;
25
- --ds-rgb-color-state-error-500: 223, 11, 55;
26
- --ds-rgb-color-state-success-100: 105, 207, 150;
27
- --ds-rgb-color-state-success-500: 0, 128, 93;
28
- --ds-rgb-color-state-warning-500: 222, 117, 12;
29
- --ds-rgb-color-border-primary-default: 98, 107, 121;
30
- --ds-rgb-color-border-primary-inverse: 159, 171, 187;
31
- --ds-rgb-color-border-active-default: 0, 116, 200;
32
- --ds-rgb-color-border-error-default: 223, 11, 55;
33
- --ds-rgb-color-border-disabled-default: 219, 219, 219;
34
- --ds-rgb-color-border-focus-default: 34, 34, 34;
35
- --ds-rgb-color-border-divider-default: 0, 0, 0, 0.15;
36
- --ds-rgb-color-border-divider-inverse: 255, 255, 255;
37
- --ds-rgb-color-brand-midnight-100: 193, 218, 240; /*
38
- // Please consider descriptive token prior to using brand token */
39
- --ds-rgb-color-brand-midnight-200: 86, 158, 215; /*
40
- // Please consider descriptive token prior to using brand token */
41
- --ds-rgb-color-brand-midnight-300: 21, 111, 173; /*
42
- // Please consider descriptive token prior to using brand token */
43
- --ds-rgb-color-brand-midnight-400: 1, 66, 106; /*
44
- // Please consider descriptive token prior to using brand token */
45
- --ds-rgb-color-brand-midnight-500: 0, 39, 74; /*
46
- // Please consider descriptive token prior to using brand token */
47
- --ds-rgb-color-brand-atlas-100: 205, 230, 255; /*
48
- // Please consider descriptive token prior to using brand token */
49
- --ds-rgb-color-brand-atlas-200: 107, 183, 251; /*
50
- // Please consider descriptive token prior to using brand token */
51
- --ds-rgb-color-brand-atlas-300: 36, 146, 235; /*
52
- // Please consider descriptive token prior to using brand token */
53
- --ds-rgb-color-brand-atlas-400: 0, 116, 200; /*
54
- // Please consider descriptive token prior to using brand token */
55
- --ds-rgb-color-brand-atlas-500: 5, 70, 135; /*
56
- // Please consider descriptive token prior to using brand token */
57
- --ds-rgb-color-brand-breeze-100: 192, 247, 255; /*
58
- // Please consider descriptive token prior to using brand token */
59
- --ds-rgb-color-brand-breeze-200: 93, 227, 247; /*
60
- // Please consider descriptive token prior to using brand token */
61
- --ds-rgb-color-brand-breeze-300: 0, 207, 240; /*
62
- // Please consider descriptive token prior to using brand token */
63
- --ds-rgb-color-brand-breeze-400: 9, 157, 197; /*
64
- // Please consider descriptive token prior to using brand token */
65
- --ds-rgb-color-brand-breeze-500: 11, 85, 117; /*
66
- // Please consider descriptive token prior to using brand token */
67
- --ds-rgb-color-brand-tropical-100: 226, 255, 205; /*
68
- // Please consider descriptive token prior to using brand token */
69
- --ds-rgb-color-brand-tropical-200: 208, 251, 166; /*
70
- // Please consider descriptive token prior to using brand token */
71
- --ds-rgb-color-brand-tropical-300: 192, 229, 133; /*
72
- // Please consider descriptive token prior to using brand token */
73
- --ds-rgb-color-brand-tropical-400: 145, 190, 98; /*
74
- // Please consider descriptive token prior to using brand token */
75
- --ds-rgb-color-brand-tropical-500: 94, 135, 65; /*
76
- // Please consider descriptive token prior to using brand token */
77
- --ds-rgb-color-brand-alpine-100: 188, 170, 230; /*
78
- // Please consider descriptive token prior to using brand token */
79
- --ds-rgb-color-brand-alpine-200: 158, 115, 234; /*
80
- // Please consider descriptive token prior to using brand token */
81
- --ds-rgb-color-brand-alpine-300: 132, 57, 239; /*
82
- // Please consider descriptive token prior to using brand token */
83
- --ds-rgb-color-brand-alpine-400: 99, 29, 184; /*
84
- // Please consider descriptive token prior to using brand token */
85
- --ds-rgb-color-brand-alpine-500: 57, 17, 92; /*
86
- // Please consider descriptive token prior to using brand token */
87
- --ds-rgb-color-brand-flamingo-100: 255, 235, 238; /*
88
- // Please consider descriptive token prior to using brand token */
89
- --ds-rgb-color-brand-flamingo-200: 255, 192, 202; /*
90
- // Please consider descriptive token prior to using brand token */
91
- --ds-rgb-color-brand-flamingo-300: 255, 148, 167; /*
92
- // Please consider descriptive token prior to using brand token */
93
- --ds-rgb-color-brand-flamingo-400: 246, 91, 123; /*
94
- // Please consider descriptive token prior to using brand token */
95
- --ds-rgb-color-brand-flamingo-500: 184, 43, 71; /*
96
- // Please consider descriptive token prior to using brand token */
97
- --ds-rgb-color-brand-canyon-100: 255, 202, 182; /*
98
- // Please consider descriptive token prior to using brand token */
99
- --ds-rgb-color-brand-canyon-200: 249, 149, 116; /*
100
- // Please consider descriptive token prior to using brand token */
101
- --ds-rgb-color-brand-canyon-300: 242, 97, 53; /*
102
- // Please consider descriptive token prior to using brand token */
103
- --ds-rgb-color-brand-canyon-400: 222, 62, 9; /*
104
- // Please consider descriptive token prior to using brand token */
105
- --ds-rgb-color-brand-canyon-500: 184, 51, 2; /*
106
- // Please consider descriptive token prior to using brand token */
107
- --ds-rgb-color-brand-goldcoast-100: 255, 240, 205; /*
108
- // Please consider descriptive token prior to using brand token */
109
- --ds-rgb-color-brand-goldcoast-200: 255, 219, 103; /*
110
- // Please consider descriptive token prior to using brand token */
111
- --ds-rgb-color-brand-goldcoast-300: 255, 210, 0; /*
112
- // Please consider descriptive token prior to using brand token */
113
- --ds-rgb-color-brand-goldcoast-400: 229, 173, 7; /*
114
- // Please consider descriptive token prior to using brand token */
115
- --ds-rgb-color-brand-goldcoast-500: 184, 134, 36; /*
116
- // Please consider descriptive token prior to using brand token */
117
- --ds-rgb-color-brand-neutral-100: 249, 251, 252; /*
118
- // Please consider descriptive token prior to using brand token */
119
- --ds-rgb-color-brand-neutral-200: 226, 234, 239; /*
120
- // Please consider descriptive token prior to using brand token */
121
- --ds-rgb-color-brand-neutral-300: 203, 216, 226; /*
122
- // Please consider descriptive token prior to using brand token */
123
- --ds-rgb-color-brand-neutral-400: 159, 171, 187; /*
124
- // Please consider descriptive token prior to using brand token */
125
- --ds-rgb-color-brand-neutral-500: 98, 107, 121; /*
126
- // Please consider descriptive token prior to using brand token */
127
- --ds-rgb-color-brand-gray-100: 248, 248, 248;
128
- --ds-rgb-color-brand-gray-200: 219, 219, 219;
129
- --ds-rgb-color-brand-gray-300: 178, 178, 178;
130
- --ds-rgb-color-brand-gray-400: 118, 118, 118;
131
- --ds-rgb-color-brand-gray-500: 34, 34, 34;
132
- --ds-rgb-color-brand-goldgray-100: 197, 193, 191;
133
- --ds-rgb-color-brand-goldgray-200: 114, 110, 108;
134
- --ds-rgb-color-brand-gold-100: 204, 188, 148;
135
- --ds-rgb-color-brand-gold-200: 127, 104, 46;
136
- --ds-rgb-color-brand-emerald: 19, 145, 66;
137
- --ds-rgb-color-brand-sapphire: 1, 93, 170;
138
- --ds-rgb-color-brand-ruby: 164, 29, 74;
139
- --ds-rgb-color-icon-primary-default: 98, 107, 121;
140
- --ds-rgb-color-icon-primary-inverse: 159, 171, 187;
141
- --ds-rgb-color-icon-emphasis-default: 34, 34, 34;
142
- --ds-rgb-color-icon-emphasis-inverse: 255, 255, 255;
143
- --ds-rgb-color-icon-accent-default: 0, 116, 200;
144
- --ds-rgb-color-icon-disabled-default: 0, 0, 0, 0.15;
145
- --ds-rgb-color-text-primary-default: 34, 34, 34;
146
- --ds-rgb-color-text-primary-inverse: 255, 255, 255;
147
- --ds-rgb-color-text-secondary-default: 98, 107, 121;
148
- --ds-rgb-color-text-secondary-inverse: 159, 171, 187;
149
- --ds-rgb-color-text-link-default: 0, 116, 200;
150
- --ds-rgb-color-text-link-inverse: 0, 207, 240;
151
- --ds-rgb-color-text-error-default: 223, 11, 55;
152
- --ds-rgb-color-text-error-inverse: 255, 153, 155;
153
- --ds-rgb-color-text-disabled-default: 219, 219, 219;
154
- --ds-rgb-color-text-emphasis-default: 1, 66, 106;
155
- --ds-rgb-color-text-emphasis-inverse: 193, 218, 240;
156
- --ds-rgb-color-tier-alaska-mvp-default: 114, 110, 108;
157
- --ds-rgb-color-tier-alaska-mvp-inverse: 197, 193, 191;
158
- --ds-rgb-color-tier-alaska-mvpgold-default: 127, 104, 46;
159
- --ds-rgb-color-tier-alaska-mvpgold-inverse: 204, 188, 148;
160
- --ds-rgb-color-tier-oneworld-emerald: 19, 145, 66;
161
- --ds-rgb-color-tier-oneworld-sapphire: 1, 93, 170;
162
- --ds-rgb-color-tier-oneworld-ruby: 164, 29, 74;
163
- --ds-rgb-color-ui-default-default: 0, 116, 200;
164
- --ds-rgb-color-ui-hover-default: 5, 70, 135;
165
- --ds-rgb-color-ui-active-default: 5, 70, 135;
166
- --ds-rgb-color-ui-disabled-default: 0, 116, 200, 0.2;
167
- --ds-rgb-color-ui-bkg-hover-default: 0, 0, 0, 0.06;
168
- }
package/dist/tokens/SassSizeCustomProperties--darkmode.scss DELETED
@@ -1,20 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Wed, 13 Sep 2023 17:26:40 GMT
4
- */
5
-
6
- :root {
7
- --ds-size-25: 0.125rem; /* 2px */
8
- --ds-size-50: 0.25rem; /* 4px */
9
- --ds-size-100: 0.5rem; /* 8px */
10
- --ds-size-150: 0.75rem; /* 12px */
11
- --ds-size-200: 1rem; /* 16px */
12
- --ds-size-300: 1.5rem; /* 24px */
13
- --ds-size-400: 2rem; /* 32px */
14
- --ds-size-500: 2.5rem; /* 40px */
15
- --ds-size-600: 3rem; /* 48px */
16
- --ds-size-700: 3.5rem; /* 56px */
17
- --ds-size-800: 4rem; /* 64px */
18
- --ds-size-900: 4.5rem; /* 72px */
19
- --ds-size-1000: 5rem; /* 80px */
20
- }
package/src/color-darkmode/alert.json DELETED
@@ -1,56 +0,0 @@
1
- {
2
- "color": {
3
- "alert": {
4
- "notification": {
5
- "default": {
6
- "value": "{color.brand.breeze.300.value}",
7
- "public": true,
8
- "default": true,
9
- "usage": "Notification color on dark backgrounds",
10
- "wcag": "AAA",
11
- "deprecated": false
12
- }
13
- },
14
- "warning": {
15
- "default": {
16
- "value": "{color.state.warning.500.value}",
17
- "public": true,
18
- "default": true,
19
- "usage": "Warning color on dark backgrounds",
20
- "wcag": "AAA",
21
- "deprecated": false
22
- }
23
- },
24
- "error": {
25
- "default": {
26
- "value": "{color.state.error.100.value}",
27
- "public": true,
28
- "default": true,
29
- "usage": "Error color on dark backgrounds",
30
- "wcag": "AAA",
31
- "deprecated": false
32
- }
33
- },
34
- "success": {
35
- "default": {
36
- "value": "{color.state.success.100.value}",
37
- "public": true,
38
- "default": true,
39
- "usage": "Success color on dark backgrounds",
40
- "wcag": "AAA",
41
- "deprecated": false
42
- }
43
- },
44
- "advisory": {
45
- "default": {
46
- "value": "{color.brand.goldcoast.100.value}",
47
- "public": true,
48
- "default": true,
49
- "usage": "Travel advisory or system maintenance color on dark backgrounds",
50
- "wcag": "AAA",
51
- "deprecated": false
52
- }
53
- }
54
- }
55
- }
56
- }
package/src/color-darkmode/background.json DELETED
@@ -1,38 +0,0 @@
1
- {
2
- "color": {
3
- "background": {
4
- "lightest": {
5
- "value": "{color.base.white.value}",
6
- "public": true,
7
- "neutral": true,
8
- "usage": "Used for creating light backgrounds",
9
- "wcag": "n/a",
10
- "deprecated": false
11
- },
12
- "lighter": {
13
- "value": "{color.base.gray.100.value}",
14
- "public": true,
15
- "neutral": true,
16
- "usage": "Used for creating light backgrounds @ 90% white",
17
- "wcag": "n/a",
18
- "deprecated": false
19
- },
20
- "darker": {
21
- "value": "{color.brand.midnight.400.value}",
22
- "public": true,
23
- "neutral": true,
24
- "usage": "Used for creating dark backgrounds",
25
- "wcag": "n/a",
26
- "deprecated": false
27
- },
28
- "darkest": {
29
- "value": "{color.brand.midnight.500.value}",
30
- "public": true,
31
- "neutral": true,
32
- "usage": "Used for creating dark backgrounds @ 20% darker",
33
- "wcag": "n/a",
34
- "deprecated": false
35
- }
36
- }
37
- }
38
- }