@atlaskit/tokens 1.49.1 → 1.51.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 (115) hide show
  1. package/CHANGELOG.md +1593 -1594
  2. package/README.md +14 -8
  3. package/codemods/css-to-design-tokens/lib/colors.tsx +47 -49
  4. package/codemods/css-to-design-tokens/lib/declaration.tsx +26 -26
  5. package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +326 -326
  6. package/codemods/css-to-design-tokens/lib/meta.tsx +116 -122
  7. package/codemods/css-to-design-tokens/lib/tokens.tsx +28 -35
  8. package/codemods/css-to-design-tokens/lib/value.tsx +70 -72
  9. package/codemods/css-to-design-tokens/transform.tsx +68 -72
  10. package/codemods/hypermod.config.tsx +5 -5
  11. package/codemods/remove-fallbacks-color/transform.tsx +16 -18
  12. package/codemods/theme-to-design-tokens/transform.tsx +505 -588
  13. package/codemods/theme-to-design-tokens/utils/ast-meta.tsx +139 -147
  14. package/codemods/theme-to-design-tokens/utils/ast.tsx +23 -34
  15. package/codemods/theme-to-design-tokens/utils/color.tsx +25 -26
  16. package/codemods/theme-to-design-tokens/utils/css-utils.tsx +27 -30
  17. package/codemods/theme-to-design-tokens/utils/fuzzy-search.tsx +272 -290
  18. package/codemods/theme-to-design-tokens/utils/legacy-colors.tsx +224 -224
  19. package/codemods/theme-to-design-tokens/utils/named-colors.tsx +148 -148
  20. package/codemods/theme-to-design-tokens/utils/string-utils.tsx +10 -16
  21. package/codemods/utils/tokens.tsx +371 -371
  22. package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  23. package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  24. package/dist/cjs/artifacts/generated-pairs.js +1 -1
  25. package/dist/cjs/artifacts/theme-import-map.js +1 -1
  26. package/dist/cjs/artifacts/themes/atlassian-typography-minor3.js +2 -2
  27. package/dist/cjs/artifacts/token-default-values.js +1 -1
  28. package/dist/cjs/artifacts/token-names.js +1 -1
  29. package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  30. package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  31. package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  32. package/dist/es2019/artifacts/generated-pairs.js +1 -1
  33. package/dist/es2019/artifacts/theme-import-map.js +1 -1
  34. package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +2 -2
  35. package/dist/es2019/artifacts/token-default-values.js +1 -1
  36. package/dist/es2019/artifacts/token-names.js +1 -1
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  38. package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +1 -1
  39. package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +1 -1
  40. package/dist/esm/artifacts/generated-pairs.js +1 -1
  41. package/dist/esm/artifacts/theme-import-map.js +1 -1
  42. package/dist/esm/artifacts/themes/atlassian-typography-minor3.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +1 -1
  44. package/dist/esm/artifacts/token-names.js +1 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +3 -3
  46. package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
  47. package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
  48. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  49. package/dist/types/artifacts/theme-import-map.d.ts +2 -2
  50. package/dist/types/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  51. package/dist/types/artifacts/token-default-values.d.ts +1 -1
  52. package/dist/types/artifacts/token-names.d.ts +1 -1
  53. package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
  54. package/dist/types/artifacts/types-internal.d.ts +1 -1
  55. package/dist/types/artifacts/types.d.ts +1 -1
  56. package/dist/types/babel-plugin/plugin.d.ts +1 -1
  57. package/dist/types/custom-theme.d.ts +2 -2
  58. package/dist/types/enable-global-theme.d.ts +2 -2
  59. package/dist/types/entry-points/css-type-schema.codegen.d.ts +1 -1
  60. package/dist/types/entry-points/token-ids.d.ts +1 -1
  61. package/dist/types/get-global-theme.d.ts +1 -1
  62. package/dist/types/get-ssr-auto-script.d.ts +1 -1
  63. package/dist/types/get-theme-html-attrs.d.ts +1 -1
  64. package/dist/types/get-theme-styles.d.ts +1 -1
  65. package/dist/types/get-token.d.ts +1 -1
  66. package/dist/types/index.d.ts +1 -1
  67. package/dist/types/load-custom-theme-styles.d.ts +1 -1
  68. package/dist/types/set-global-theme.d.ts +2 -2
  69. package/dist/types/theme-state-transformer.d.ts +1 -1
  70. package/dist/types/utils/color-detection.d.ts +1 -1
  71. package/dist/types/utils/color-mode-listeners.d.ts +1 -1
  72. package/dist/types/utils/configure-page.d.ts +1 -1
  73. package/dist/types/utils/contrast-mode-listeners.d.ts +1 -1
  74. package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -1
  75. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +1 -1
  76. package/dist/types/utils/generate-custom-color-ramp.d.ts +2 -2
  77. package/dist/types/utils/get-increased-contrast-theme.d.ts +1 -1
  78. package/dist/types/utils/get-theme-preferences.d.ts +1 -1
  79. package/dist/types/utils/theme-loading.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +2 -2
  84. package/dist/types-ts4.5/artifacts/themes/atlassian-typography-minor3.d.ts +2 -2
  85. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +1 -1
  86. package/dist/types-ts4.5/artifacts/token-names.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +1 -1
  88. package/dist/types-ts4.5/artifacts/types-internal.d.ts +1 -1
  89. package/dist/types-ts4.5/artifacts/types.d.ts +1 -1
  90. package/dist/types-ts4.5/babel-plugin/plugin.d.ts +1 -1
  91. package/dist/types-ts4.5/custom-theme.d.ts +2 -2
  92. package/dist/types-ts4.5/enable-global-theme.d.ts +2 -2
  93. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +1 -1
  94. package/dist/types-ts4.5/entry-points/token-ids.d.ts +1 -1
  95. package/dist/types-ts4.5/get-global-theme.d.ts +1 -1
  96. package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
  97. package/dist/types-ts4.5/get-theme-html-attrs.d.ts +1 -1
  98. package/dist/types-ts4.5/get-theme-styles.d.ts +1 -1
  99. package/dist/types-ts4.5/get-token.d.ts +1 -1
  100. package/dist/types-ts4.5/index.d.ts +1 -1
  101. package/dist/types-ts4.5/load-custom-theme-styles.d.ts +1 -1
  102. package/dist/types-ts4.5/set-global-theme.d.ts +2 -2
  103. package/dist/types-ts4.5/theme-state-transformer.d.ts +1 -1
  104. package/dist/types-ts4.5/utils/color-detection.d.ts +1 -1
  105. package/dist/types-ts4.5/utils/color-mode-listeners.d.ts +1 -1
  106. package/dist/types-ts4.5/utils/configure-page.d.ts +1 -1
  107. package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +1 -1
  108. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -1
  109. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +1 -1
  110. package/dist/types-ts4.5/utils/generate-custom-color-ramp.d.ts +2 -2
  111. package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +1 -1
  112. package/dist/types-ts4.5/utils/get-theme-preferences.d.ts +1 -1
  113. package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -1
  114. package/package.json +138 -140
  115. package/report.api.md +2071 -2090
@@ -1,336 +1,336 @@
1
1
  export const knownVariables: Record<string, string[]> = {
2
- '--adg3-color-R50': ['danger'],
3
- '--adg3-color-R75': ['danger'],
4
- '--adg3-color-R100': ['danger'],
5
- '--adg3-color-R200': ['danger'],
6
- '--adg3-color-R300': ['danger'],
7
- '--adg3-color-R400': ['danger'],
8
- '--adg3-color-R500': ['danger'],
9
- '--adg3-color-Y50': ['warning'],
10
- '--adg3-color-Y75': ['warning'],
11
- '--adg3-color-Y100': ['warning'],
12
- '--adg3-color-Y200': ['warning'],
13
- '--adg3-color-Y300': ['warning'],
14
- '--adg3-color-Y400': ['warning'],
15
- '--adg3-color-Y500': ['warning'],
16
- '--adg3-color-G50': ['success'],
17
- '--adg3-color-G75': ['success'],
18
- '--adg3-color-G100': ['success'],
19
- '--adg3-color-G200': ['success'],
20
- '--adg3-color-G300': ['success'],
21
- '--adg3-color-G400': ['success'],
22
- '--adg3-color-G500': ['success'],
23
- '--adg3-color-B50': ['brand'],
24
- '--adg3-color-B75': ['brand'],
25
- '--adg3-color-B100': ['brand'],
26
- '--adg3-color-B200': ['brand'],
27
- '--adg3-color-B300': ['brand'],
28
- '--adg3-color-B400': ['brand'],
29
- '--adg3-color-B500': ['brand'],
30
- '--adg3-color-P50': ['discovery'],
31
- '--adg3-color-P75': ['discovery'],
32
- '--adg3-color-P100': ['discovery'],
33
- '--adg3-color-P200': ['discovery'],
34
- '--adg3-color-P300': ['discovery'],
35
- '--adg3-color-P400': ['discovery'],
36
- '--adg3-color-P500': ['discovery'],
37
- '--adg3-color-T50': ['accent', 'teal'],
38
- '--adg3-color-T75': ['accent', 'teal'],
39
- '--adg3-color-T100': ['accent', 'teal'],
40
- '--adg3-color-T200': ['accent', 'teal'],
41
- '--adg3-color-T300': ['accent', 'teal'],
42
- '--adg3-color-T400': ['accent', 'teal'],
43
- '--adg3-color-T500': ['accent', 'teal'],
44
- '--adg3-color-N0': ['inverse'],
45
- '--adg3-color-N10': [],
46
- '--adg3-color-N20': [],
47
- '--adg3-color-N30': [],
48
- '--adg3-color-N40': [],
49
- '--adg3-color-N50': [],
50
- '--adg3-color-N60': [],
51
- '--adg3-color-N70': [],
52
- '--adg3-color-N80': [],
53
- '--adg3-color-N90': [],
54
- '--adg3-color-N100': [],
55
- '--adg3-color-N200': ['text', 'subtlest'],
56
- '--adg3-color-N300': [],
57
- '--adg3-color-N400': ['text', 'subtle'],
58
- '--adg3-color-N500': [],
59
- '--adg3-color-N600': [],
60
- '--adg3-color-N700': ['text'],
61
- '--adg3-color-N800': ['text'],
62
- '--adg3-color-N900': ['text'],
63
- '--adg3-color-N10A': [],
64
- '--adg3-color-N20A': [],
65
- '--adg3-color-N30A': [],
66
- '--adg3-color-N40A': [],
67
- '--adg3-color-N50A': [],
68
- '--adg3-color-N60A': [],
69
- '--adg3-color-N70A': [],
70
- '--adg3-color-N80A': [],
71
- '--adg3-color-N90A': [],
72
- '--adg3-color-N100A': [],
73
- '--adg3-color-N200A': [],
74
- '--adg3-color-N300A': [],
75
- '--adg3-color-N400A': [],
76
- '--adg3-color-N500A': [],
77
- '--adg3-color-N600A': [],
78
- '--adg3-color-N700A': [],
79
- '--adg3-color-N800A': [],
80
- '--adg3-color-DN900': [],
81
- '--adg3-color-DN800': [],
82
- '--adg3-color-DN700': [],
83
- '--adg3-color-DN600': [],
84
- '--adg3-color-DN500': [],
85
- '--adg3-color-DN400': [],
86
- '--adg3-color-DN300': [],
87
- '--adg3-color-DN200': [],
88
- '--adg3-color-DN100': [],
89
- '--adg3-color-DN90': [],
90
- '--adg3-color-DN80': [],
91
- '--adg3-color-DN70': [],
92
- '--adg3-color-DN60': [],
93
- '--adg3-color-DN50': [],
94
- '--adg3-color-DN40': [],
95
- '--adg3-color-DN30': [],
96
- '--adg3-color-DN20': [],
97
- '--adg3-color-DN10': [],
98
- '--adg3-color-DN0': [],
99
- '--adg3-color-DN800A': [],
100
- '--adg3-color-DN700A': [],
101
- '--adg3-color-DN600A': [],
102
- '--adg3-color-DN500A': [],
103
- '--adg3-color-DN400A': [],
104
- '--adg3-color-DN300A': [],
105
- '--adg3-color-DN200A': [],
106
- '--adg3-color-DN100A': [],
107
- '--adg3-color-DN90A': [],
108
- '--adg3-color-DN80A': [],
109
- '--adg3-color-DN70A': [],
110
- '--adg3-color-DN60A': [],
111
- '--adg3-color-DN50A': [],
112
- '--adg3-color-DN40A': [],
113
- '--adg3-color-DN30A': [],
114
- '--adg3-color-DN20A': [],
115
- '--adg3-color-DN10A': [],
2
+ '--adg3-color-R50': ['danger'],
3
+ '--adg3-color-R75': ['danger'],
4
+ '--adg3-color-R100': ['danger'],
5
+ '--adg3-color-R200': ['danger'],
6
+ '--adg3-color-R300': ['danger'],
7
+ '--adg3-color-R400': ['danger'],
8
+ '--adg3-color-R500': ['danger'],
9
+ '--adg3-color-Y50': ['warning'],
10
+ '--adg3-color-Y75': ['warning'],
11
+ '--adg3-color-Y100': ['warning'],
12
+ '--adg3-color-Y200': ['warning'],
13
+ '--adg3-color-Y300': ['warning'],
14
+ '--adg3-color-Y400': ['warning'],
15
+ '--adg3-color-Y500': ['warning'],
16
+ '--adg3-color-G50': ['success'],
17
+ '--adg3-color-G75': ['success'],
18
+ '--adg3-color-G100': ['success'],
19
+ '--adg3-color-G200': ['success'],
20
+ '--adg3-color-G300': ['success'],
21
+ '--adg3-color-G400': ['success'],
22
+ '--adg3-color-G500': ['success'],
23
+ '--adg3-color-B50': ['brand'],
24
+ '--adg3-color-B75': ['brand'],
25
+ '--adg3-color-B100': ['brand'],
26
+ '--adg3-color-B200': ['brand'],
27
+ '--adg3-color-B300': ['brand'],
28
+ '--adg3-color-B400': ['brand'],
29
+ '--adg3-color-B500': ['brand'],
30
+ '--adg3-color-P50': ['discovery'],
31
+ '--adg3-color-P75': ['discovery'],
32
+ '--adg3-color-P100': ['discovery'],
33
+ '--adg3-color-P200': ['discovery'],
34
+ '--adg3-color-P300': ['discovery'],
35
+ '--adg3-color-P400': ['discovery'],
36
+ '--adg3-color-P500': ['discovery'],
37
+ '--adg3-color-T50': ['accent', 'teal'],
38
+ '--adg3-color-T75': ['accent', 'teal'],
39
+ '--adg3-color-T100': ['accent', 'teal'],
40
+ '--adg3-color-T200': ['accent', 'teal'],
41
+ '--adg3-color-T300': ['accent', 'teal'],
42
+ '--adg3-color-T400': ['accent', 'teal'],
43
+ '--adg3-color-T500': ['accent', 'teal'],
44
+ '--adg3-color-N0': ['inverse'],
45
+ '--adg3-color-N10': [],
46
+ '--adg3-color-N20': [],
47
+ '--adg3-color-N30': [],
48
+ '--adg3-color-N40': [],
49
+ '--adg3-color-N50': [],
50
+ '--adg3-color-N60': [],
51
+ '--adg3-color-N70': [],
52
+ '--adg3-color-N80': [],
53
+ '--adg3-color-N90': [],
54
+ '--adg3-color-N100': [],
55
+ '--adg3-color-N200': ['text', 'subtlest'],
56
+ '--adg3-color-N300': [],
57
+ '--adg3-color-N400': ['text', 'subtle'],
58
+ '--adg3-color-N500': [],
59
+ '--adg3-color-N600': [],
60
+ '--adg3-color-N700': ['text'],
61
+ '--adg3-color-N800': ['text'],
62
+ '--adg3-color-N900': ['text'],
63
+ '--adg3-color-N10A': [],
64
+ '--adg3-color-N20A': [],
65
+ '--adg3-color-N30A': [],
66
+ '--adg3-color-N40A': [],
67
+ '--adg3-color-N50A': [],
68
+ '--adg3-color-N60A': [],
69
+ '--adg3-color-N70A': [],
70
+ '--adg3-color-N80A': [],
71
+ '--adg3-color-N90A': [],
72
+ '--adg3-color-N100A': [],
73
+ '--adg3-color-N200A': [],
74
+ '--adg3-color-N300A': [],
75
+ '--adg3-color-N400A': [],
76
+ '--adg3-color-N500A': [],
77
+ '--adg3-color-N600A': [],
78
+ '--adg3-color-N700A': [],
79
+ '--adg3-color-N800A': [],
80
+ '--adg3-color-DN900': [],
81
+ '--adg3-color-DN800': [],
82
+ '--adg3-color-DN700': [],
83
+ '--adg3-color-DN600': [],
84
+ '--adg3-color-DN500': [],
85
+ '--adg3-color-DN400': [],
86
+ '--adg3-color-DN300': [],
87
+ '--adg3-color-DN200': [],
88
+ '--adg3-color-DN100': [],
89
+ '--adg3-color-DN90': [],
90
+ '--adg3-color-DN80': [],
91
+ '--adg3-color-DN70': [],
92
+ '--adg3-color-DN60': [],
93
+ '--adg3-color-DN50': [],
94
+ '--adg3-color-DN40': [],
95
+ '--adg3-color-DN30': [],
96
+ '--adg3-color-DN20': [],
97
+ '--adg3-color-DN10': [],
98
+ '--adg3-color-DN0': [],
99
+ '--adg3-color-DN800A': [],
100
+ '--adg3-color-DN700A': [],
101
+ '--adg3-color-DN600A': [],
102
+ '--adg3-color-DN500A': [],
103
+ '--adg3-color-DN400A': [],
104
+ '--adg3-color-DN300A': [],
105
+ '--adg3-color-DN200A': [],
106
+ '--adg3-color-DN100A': [],
107
+ '--adg3-color-DN90A': [],
108
+ '--adg3-color-DN80A': [],
109
+ '--adg3-color-DN70A': [],
110
+ '--adg3-color-DN60A': [],
111
+ '--adg3-color-DN50A': [],
112
+ '--adg3-color-DN40A': [],
113
+ '--adg3-color-DN30A': [],
114
+ '--adg3-color-DN20A': [],
115
+ '--adg3-color-DN10A': [],
116
116
 
117
- '--adg3-color-background-light': ['elevation', 'surface'],
118
- '--adg3-color-background-dark': ['elevation', 'surface'],
119
- '--adg3-color-text-light': ['text'],
120
- '--adg3-color-text-dark': ['text'],
121
- '--adg3-color-subtleText-light': ['text', 'subtle'],
122
- '--adg3-color-subtleText-dark': ['text', 'subtle'],
123
- '--adg3-color-placeholderText-light': ['text', 'subtlest'],
124
- '--adg3-color-placeholderText-dark': ['text', 'subtlest'],
125
- '--adg3-color-heading-light': ['text'],
126
- '--adg3-color-heading-dark': ['text'],
127
- '--adg3-color-subtleHeading-light': ['text', 'subtle'],
128
- '--adg3-color-subtleHeading-dark': ['text', 'subtle'],
129
- '--adg3-color-codeBlock-light': ['elevation', 'surface', 'sunken'],
130
- '--adg3-color-codeBlock-dark': ['elevation', 'surface', 'sunken'],
131
- '--adg3-color-link-light': ['link'],
132
- '--adg3-color-link-dark': ['link'],
133
- '--adg3-color-linkHover-light': ['link'],
134
- '--adg3-color-linkHover-dark': ['link'],
135
- '--adg3-color-linkActive-light': ['link', 'pressed'],
136
- '--adg3-color-linkActive-dark': ['link', 'pressed'],
137
- '--adg3-color-linkOutline-light': ['link', 'focused'],
138
- '--adg3-color-linkOutline-dark': ['link', 'focused'],
139
- '--adg3-color-primary-light': ['brand'],
140
- '--adg3-color-primary-dark': ['brand'],
141
- '--adg3-color-blue-light': ['accent', 'subtler', 'blue'],
142
- '--adg3-color-blue-dark': ['accent', 'bolder', 'blue'],
143
- '--adg3-color-teal-light': ['accent', 'subtler', 'teal'],
144
- '--adg3-color-teal-dark': ['accent', 'bolder', 'teal'],
145
- '--adg3-color-purple-light': ['accent', 'subtler', 'purple'],
146
- '--adg3-color-purple-dark': ['accent', 'bolder', 'purple'],
147
- '--adg3-color-red-light': ['accent', 'subtler', 'red'],
148
- '--adg3-color-red-dark': ['accent', 'bolder', 'red'],
149
- '--adg3-color-yellow-light': ['accent', 'subtler', 'yellow'],
150
- '--adg3-color-yellow-dark': ['accent', 'bolder', 'yellow'],
151
- '--adg3-color-green-light': ['accent', 'subtler', 'green'],
152
- '--adg3-color-green-dark': ['accent', 'bolder', 'green'],
153
- '--adg3-color-N20-transparent': [],
117
+ '--adg3-color-background-light': ['elevation', 'surface'],
118
+ '--adg3-color-background-dark': ['elevation', 'surface'],
119
+ '--adg3-color-text-light': ['text'],
120
+ '--adg3-color-text-dark': ['text'],
121
+ '--adg3-color-subtleText-light': ['text', 'subtle'],
122
+ '--adg3-color-subtleText-dark': ['text', 'subtle'],
123
+ '--adg3-color-placeholderText-light': ['text', 'subtlest'],
124
+ '--adg3-color-placeholderText-dark': ['text', 'subtlest'],
125
+ '--adg3-color-heading-light': ['text'],
126
+ '--adg3-color-heading-dark': ['text'],
127
+ '--adg3-color-subtleHeading-light': ['text', 'subtle'],
128
+ '--adg3-color-subtleHeading-dark': ['text', 'subtle'],
129
+ '--adg3-color-codeBlock-light': ['elevation', 'surface', 'sunken'],
130
+ '--adg3-color-codeBlock-dark': ['elevation', 'surface', 'sunken'],
131
+ '--adg3-color-link-light': ['link'],
132
+ '--adg3-color-link-dark': ['link'],
133
+ '--adg3-color-linkHover-light': ['link'],
134
+ '--adg3-color-linkHover-dark': ['link'],
135
+ '--adg3-color-linkActive-light': ['link', 'pressed'],
136
+ '--adg3-color-linkActive-dark': ['link', 'pressed'],
137
+ '--adg3-color-linkOutline-light': ['link', 'focused'],
138
+ '--adg3-color-linkOutline-dark': ['link', 'focused'],
139
+ '--adg3-color-primary-light': ['brand'],
140
+ '--adg3-color-primary-dark': ['brand'],
141
+ '--adg3-color-blue-light': ['accent', 'subtler', 'blue'],
142
+ '--adg3-color-blue-dark': ['accent', 'bolder', 'blue'],
143
+ '--adg3-color-teal-light': ['accent', 'subtler', 'teal'],
144
+ '--adg3-color-teal-dark': ['accent', 'bolder', 'teal'],
145
+ '--adg3-color-purple-light': ['accent', 'subtler', 'purple'],
146
+ '--adg3-color-purple-dark': ['accent', 'bolder', 'purple'],
147
+ '--adg3-color-red-light': ['accent', 'subtler', 'red'],
148
+ '--adg3-color-red-dark': ['accent', 'bolder', 'red'],
149
+ '--adg3-color-yellow-light': ['accent', 'subtler', 'yellow'],
150
+ '--adg3-color-yellow-dark': ['accent', 'bolder', 'yellow'],
151
+ '--adg3-color-green-light': ['accent', 'subtler', 'green'],
152
+ '--adg3-color-green-dark': ['accent', 'bolder', 'green'],
153
+ '--adg3-color-N20-transparent': [],
154
154
 
155
- /* Alias variables */
156
- '--jpo-theme-color': ['brand'],
157
- '--jpo-text-default-color': ['text'],
158
- '--jpo-text-secondary-color': ['text', 'subtle'],
159
- '--jpo-text-muted-color': ['text', 'disabled'],
160
- '--jpo-text-error-color': ['text', 'danger'],
161
- '--jpo-bg-default-color': ['elevation', 'surface'],
162
- '--jpo-bg-reverse-color': ['background', 'inverse'],
163
- '--jpo-bg-warning-color': ['background', 'warning', 'subtle'],
164
- '--jpo-bg-dark-color': ['background', 'netural', 'bold'],
165
- '--jpo-border-default-color': ['border'],
166
- '--jpo-border-secondary-color': ['border', 'subtle'],
155
+ /* Alias variables */
156
+ '--jpo-theme-color': ['brand'],
157
+ '--jpo-text-default-color': ['text'],
158
+ '--jpo-text-secondary-color': ['text', 'subtle'],
159
+ '--jpo-text-muted-color': ['text', 'disabled'],
160
+ '--jpo-text-error-color': ['text', 'danger'],
161
+ '--jpo-bg-default-color': ['elevation', 'surface'],
162
+ '--jpo-bg-reverse-color': ['background', 'inverse'],
163
+ '--jpo-bg-warning-color': ['background', 'warning', 'subtle'],
164
+ '--jpo-bg-dark-color': ['background', 'netural', 'bold'],
165
+ '--jpo-border-default-color': ['border'],
166
+ '--jpo-border-secondary-color': ['border', 'subtle'],
167
167
  };
168
168
 
169
169
  export const knownNamedColors: Record<string, string[]> = {
170
- aliceblue: ['blue'],
171
- antiquewhite: [],
172
- aqua: ['teal'],
173
- aquamarine: ['teal'],
174
- azure: ['teal', 'subtlest'],
175
- beige: [],
176
- bisque: [],
177
- black: [],
178
- blanchedalmond: [],
179
- blue: ['blue'],
180
- blueviolet: ['blue'],
181
- brown: [],
182
- burlywood: [],
183
- cadetblue: ['blue'],
184
- chartreuse: [],
185
- chocolate: [],
186
- coral: [],
187
- cornflowerblue: ['blue'],
188
- cornsilk: [],
189
- crimson: ['red'],
190
- cyan: ['accent', 'teal', 'subtle'],
191
- darkblue: ['accent', 'blue', 'bold'],
192
- darkcyan: ['accent', 'teal', 'bold'],
193
- darkgoldenrod: [],
194
- darkgray: [],
195
- darkgrey: [],
196
- darkgreen: ['green'],
197
- darkkhaki: [],
198
- darkmagenta: ['magenta', 'bold'],
199
- darkolivegreen: ['green'],
200
- darkorange: [],
201
- darkorchid: [],
202
- darkred: ['accent', 'red', 'bold'],
203
- darksalmon: [],
204
- darkseagreen: ['green'],
205
- darkslateblue: [],
206
- darkslategray: [],
207
- darkslategrey: [],
208
- darkturquoise: ['teal', 'bold'],
209
- darkviolet: ['purple', 'bold'],
210
- deeppink: ['magenta'],
211
- deepskyblue: ['blue'],
212
- dimgray: [],
213
- dimgrey: [],
214
- dodgerblue: [],
215
- firebrick: ['red', 'bold'],
216
- floralwhite: [],
217
- forestgreen: ['green'],
218
- fuchsia: ['magenta', 'subtle'],
219
- gainsboro: [],
220
- ghostwhite: [],
221
- gold: ['yellow'],
222
- goldenrod: [],
223
- gray: [],
224
- grey: [],
225
- green: ['green'],
226
- greenyellow: [],
227
- honeydew: [],
228
- hotpink: ['magenta'],
229
- indianred: [],
230
- indigo: ['purple'],
231
- ivory: [],
232
- khaki: [],
233
- lavender: ['purple'],
234
- lavenderblush: ['purple'],
235
- lawngreen: ['green'],
236
- lemonchiffon: [],
237
- lightblue: [],
238
- lightcoral: [],
239
- lightcyan: [],
240
- lightgoldenrodyellow: [],
241
- lightgray: [],
242
- lightgrey: [],
243
- lightgreen: ['green', 'accent'],
244
- lightpink: ['magenta'],
245
- lightsalmon: ['pink', 'subtler'],
246
- lightseagreen: ['green'],
247
- lightskyblue: ['blue', 'accent'],
248
- lightslategray: [],
249
- lightslategrey: [],
250
- lightsteelblue: ['blue'],
251
- lightyellow: [],
252
- lime: ['green', 'subtler'],
253
- limegreen: ['green'],
254
- linen: [],
255
- magenta: ['magenta'],
256
- maroon: [],
257
- mediumaquamarine: [],
258
- mediumblue: [],
259
- mediumorchid: [],
260
- mediumpurple: [],
261
- mediumseagreen: ['green'],
262
- mediumslateblue: [],
263
- mediumspringgreen: ['green'],
264
- mediumturquoise: [],
265
- mediumvioletred: [],
266
- midnightblue: [],
267
- mintcream: [],
268
- mistyrose: [],
269
- moccasin: [],
270
- navajowhite: [],
271
- navy: ['blue', 'bold'],
272
- oldlace: [],
273
- olive: [],
274
- olivedrab: [],
275
- orange: [],
276
- orangered: [],
277
- orchid: ['purple'],
278
- palegoldenrod: [],
279
- palegreen: ['green'],
280
- paleturquoise: [],
281
- palevioletred: [],
282
- papayawhip: [],
283
- peachpuff: [],
284
- peru: [],
285
- pink: ['magenta'],
286
- plum: [],
287
- powderblue: ['blue', 'subtle'],
288
- purple: ['purple'],
289
- rebeccapurple: ['purple', 'accent'],
290
- red: ['red', 'accent'],
291
- rosybrown: [],
292
- royalblue: [],
293
- saddlebrown: [],
294
- salmon: [],
295
- sandybrown: [],
296
- seagreen: ['green'],
297
- seashell: [],
298
- sienna: [],
299
- silver: [],
300
- skyblue: ['blue', 'subtlest'],
301
- slateblue: [],
302
- slategray: [],
303
- slategrey: [],
304
- snow: [],
305
- springgreen: ['green'],
306
- steelblue: ['blue'],
307
- tan: [],
308
- teal: ['accent', 'teal'],
309
- thistle: [],
310
- tomato: ['red'],
311
- turquoise: [],
312
- violet: ['purple'],
313
- wheat: [],
314
- white: ['elevation', 'surface'],
315
- whitesmoke: [],
316
- yellow: ['yellow'],
317
- yellowgreen: ['yellow'],
170
+ aliceblue: ['blue'],
171
+ antiquewhite: [],
172
+ aqua: ['teal'],
173
+ aquamarine: ['teal'],
174
+ azure: ['teal', 'subtlest'],
175
+ beige: [],
176
+ bisque: [],
177
+ black: [],
178
+ blanchedalmond: [],
179
+ blue: ['blue'],
180
+ blueviolet: ['blue'],
181
+ brown: [],
182
+ burlywood: [],
183
+ cadetblue: ['blue'],
184
+ chartreuse: [],
185
+ chocolate: [],
186
+ coral: [],
187
+ cornflowerblue: ['blue'],
188
+ cornsilk: [],
189
+ crimson: ['red'],
190
+ cyan: ['accent', 'teal', 'subtle'],
191
+ darkblue: ['accent', 'blue', 'bold'],
192
+ darkcyan: ['accent', 'teal', 'bold'],
193
+ darkgoldenrod: [],
194
+ darkgray: [],
195
+ darkgrey: [],
196
+ darkgreen: ['green'],
197
+ darkkhaki: [],
198
+ darkmagenta: ['magenta', 'bold'],
199
+ darkolivegreen: ['green'],
200
+ darkorange: [],
201
+ darkorchid: [],
202
+ darkred: ['accent', 'red', 'bold'],
203
+ darksalmon: [],
204
+ darkseagreen: ['green'],
205
+ darkslateblue: [],
206
+ darkslategray: [],
207
+ darkslategrey: [],
208
+ darkturquoise: ['teal', 'bold'],
209
+ darkviolet: ['purple', 'bold'],
210
+ deeppink: ['magenta'],
211
+ deepskyblue: ['blue'],
212
+ dimgray: [],
213
+ dimgrey: [],
214
+ dodgerblue: [],
215
+ firebrick: ['red', 'bold'],
216
+ floralwhite: [],
217
+ forestgreen: ['green'],
218
+ fuchsia: ['magenta', 'subtle'],
219
+ gainsboro: [],
220
+ ghostwhite: [],
221
+ gold: ['yellow'],
222
+ goldenrod: [],
223
+ gray: [],
224
+ grey: [],
225
+ green: ['green'],
226
+ greenyellow: [],
227
+ honeydew: [],
228
+ hotpink: ['magenta'],
229
+ indianred: [],
230
+ indigo: ['purple'],
231
+ ivory: [],
232
+ khaki: [],
233
+ lavender: ['purple'],
234
+ lavenderblush: ['purple'],
235
+ lawngreen: ['green'],
236
+ lemonchiffon: [],
237
+ lightblue: [],
238
+ lightcoral: [],
239
+ lightcyan: [],
240
+ lightgoldenrodyellow: [],
241
+ lightgray: [],
242
+ lightgrey: [],
243
+ lightgreen: ['green', 'accent'],
244
+ lightpink: ['magenta'],
245
+ lightsalmon: ['pink', 'subtler'],
246
+ lightseagreen: ['green'],
247
+ lightskyblue: ['blue', 'accent'],
248
+ lightslategray: [],
249
+ lightslategrey: [],
250
+ lightsteelblue: ['blue'],
251
+ lightyellow: [],
252
+ lime: ['green', 'subtler'],
253
+ limegreen: ['green'],
254
+ linen: [],
255
+ magenta: ['magenta'],
256
+ maroon: [],
257
+ mediumaquamarine: [],
258
+ mediumblue: [],
259
+ mediumorchid: [],
260
+ mediumpurple: [],
261
+ mediumseagreen: ['green'],
262
+ mediumslateblue: [],
263
+ mediumspringgreen: ['green'],
264
+ mediumturquoise: [],
265
+ mediumvioletred: [],
266
+ midnightblue: [],
267
+ mintcream: [],
268
+ mistyrose: [],
269
+ moccasin: [],
270
+ navajowhite: [],
271
+ navy: ['blue', 'bold'],
272
+ oldlace: [],
273
+ olive: [],
274
+ olivedrab: [],
275
+ orange: [],
276
+ orangered: [],
277
+ orchid: ['purple'],
278
+ palegoldenrod: [],
279
+ palegreen: ['green'],
280
+ paleturquoise: [],
281
+ palevioletred: [],
282
+ papayawhip: [],
283
+ peachpuff: [],
284
+ peru: [],
285
+ pink: ['magenta'],
286
+ plum: [],
287
+ powderblue: ['blue', 'subtle'],
288
+ purple: ['purple'],
289
+ rebeccapurple: ['purple', 'accent'],
290
+ red: ['red', 'accent'],
291
+ rosybrown: [],
292
+ royalblue: [],
293
+ saddlebrown: [],
294
+ salmon: [],
295
+ sandybrown: [],
296
+ seagreen: ['green'],
297
+ seashell: [],
298
+ sienna: [],
299
+ silver: [],
300
+ skyblue: ['blue', 'subtlest'],
301
+ slateblue: [],
302
+ slategray: [],
303
+ slategrey: [],
304
+ snow: [],
305
+ springgreen: ['green'],
306
+ steelblue: ['blue'],
307
+ tan: [],
308
+ teal: ['accent', 'teal'],
309
+ thistle: [],
310
+ tomato: ['red'],
311
+ turquoise: [],
312
+ violet: ['purple'],
313
+ wheat: [],
314
+ white: ['elevation', 'surface'],
315
+ whitesmoke: [],
316
+ yellow: ['yellow'],
317
+ yellowgreen: ['yellow'],
318
318
  };
319
319
 
320
320
  export const knownRawColors: Record<string, string[]> = {
321
- '#cccccc': ['gray'],
322
- '#aaaaaa': ['gray', 'subtlest'],
323
- '#bbbbbb': ['gray', 'subtle'],
324
- '#ffffff': ['elevation', 'surface'],
325
- '#f0f0f0': ['elevation', 'surface'],
326
- '#eeeeee': ['elevation', 'surface', 'sunken'],
327
- '#ff0000': ['danger'],
328
- '#d04437': ['danger'],
329
- '#c00c00': ['danger'],
330
- '#5243aa': ['discovery'],
331
- '#ffc712': ['warning'],
332
- '#00f00f': ['brand'],
333
- '#3b73af': ['brand'],
334
- '#326ca6': ['brand'],
335
- '#0052cc': ['brand'],
321
+ '#cccccc': ['gray'],
322
+ '#aaaaaa': ['gray', 'subtlest'],
323
+ '#bbbbbb': ['gray', 'subtle'],
324
+ '#ffffff': ['elevation', 'surface'],
325
+ '#f0f0f0': ['elevation', 'surface'],
326
+ '#eeeeee': ['elevation', 'surface', 'sunken'],
327
+ '#ff0000': ['danger'],
328
+ '#d04437': ['danger'],
329
+ '#c00c00': ['danger'],
330
+ '#5243aa': ['discovery'],
331
+ '#ffc712': ['warning'],
332
+ '#00f00f': ['brand'],
333
+ '#3b73af': ['brand'],
334
+ '#326ca6': ['brand'],
335
+ '#0052cc': ['brand'],
336
336
  };