@igrec-j/design-tokens-test 0.1.1 → 0.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (11) hide show
  1. package/build/css/variables-dark.css +146 -67
  2. package/build/css/variables.css +147 -68
  3. package/package.json +1 -1
  4. package/tokens/01-primitive/Mode 1.json +1 -1
  5. package/tokens/02-Semantic/Dark.json +1463 -644
  6. package/tokens/02-Semantic/Light.json +1463 -644
  7. package/tokens/03-viewports/LG.json +10 -0
  8. package/tokens/03-viewports/MD.json +10 -0
  9. package/tokens/03-viewports/SM.json +10 -0
  10. package/tokens/03-viewports/XL.json +10 -0
  11. package/tokens/03-viewports/XS.json +11 -1
package/build/css/variables-dark.css CHANGED
@@ -65,74 +65,150 @@
65
65
  --actionLinkForegroundFocus: var(--colourSemanticBlue800);
66
66
  --actionLinkForegroundPressed: var(--colourSemanticBlue950);
67
67
  --actionLinkForegroundDisabled: var(--colourNeutral400);
68
- --communicationMarkersSemanticBackgroundSuccess: var(--colourSemanticGreen700);
69
- --communicationMarkersSemanticBackgroundWarning: var(--colourSemanticOrange700);
70
- --communicationMarkersSemanticBackgroundError: var(--colourSemanticRed700);
71
- --communicationMarkersSemanticBackgroundNeutral: var(--colourNeutral500);
72
- --communicationMarkersSemanticBackgroundInformation: var(--colourSemanticBlue700);
73
- --communicationMarkersSemanticForgroundSuccess: var(--colourNeutral000);
74
- --communicationMarkersSemanticForgroundWarning: var(--colourNeutral000);
75
- --communicationMarkersSemanticForgroundError: var(--colourNeutral000);
76
- --communicationMarkersSemanticForgroundNeutral: var(--colourNeutral000);
77
- --communicationMarkersSemanticForgroundInformation: var(--colourNeutral000);
78
- --communicationMarkersSemanticBorderSuccess: var(--colourTransparent100);
79
- --communicationMarkersSemanticBorderWarning: var(--colourTransparent100);
80
- --communicationMarkersSemanticBorderNeutral: var(--colourTransparent100);
81
- --communicationMarkersSemanticBorderInformation: var(--colourTransparent100);
82
- --communicationMarkersSemanticBorderError: var(--colourTransparent100);
83
- --communicationMarkersAccentBorder002: var(--colourTransparent100);
84
- --communicationMarkersAccentBorder004: var(--colourTransparent100);
85
- --communicationMarkersAccentBorder003: var(--colourTransparent100);
86
- --communicationMarkersAccentBorder005: var(--colourTransparent100);
87
- --communicationMarkersAccentBorder006: var(--colourTransparent100);
88
- --communicationMarkersAccentBorder007: var(--colourTransparent100);
89
- --communicationMarkersAccentBorder008: var(--colourTransparent100);
90
- --communicationMarkersAccentBorder009: var(--colourTransparent100);
91
- --communicationMarkersAccentBorder001: var(--colourTransparent100);
92
- --communicationMarkersAccentBorderBlank: var(--colourTransparent100);
93
- --communicationMarkersAccentForground004: var(--colourNeutral000);
94
- --communicationMarkersAccentForground002: var(--colourNeutral000);
95
- --communicationMarkersAccentForground003: var(--colourNeutral000);
96
- --communicationMarkersAccentForground005: var(--colourNeutral000);
97
- --communicationMarkersAccentForground006: var(--colourNeutral000);
98
- --communicationMarkersAccentForground007: var(--colourNeutral000);
99
- --communicationMarkersAccentForground008: var(--colourNeutral000);
100
- --communicationMarkersAccentForground009: var(--colourNeutral000);
101
- --communicationMarkersAccentForground001: var(--colourNeutral000);
102
- --communicationMarkersAccentForgroundBlank: var(--colourNeutral000);
103
- --communicationMarkersAccentBackground004: var(--colourSemanticPurple700);
104
- --communicationMarkersAccentBackground002: var(--colourSemanticPink700);
105
- --communicationMarkersAccentBackground003: var(--colourSemanticFuchsia700);
106
- --communicationMarkersAccentBackground005: var(--colourSemanticIndigo700);
107
- --communicationMarkersAccentBackground006: var(--colourSemanticSky700);
108
- --communicationMarkersAccentBackground007: var(--colourSemanticTeal700);
109
- --communicationMarkersAccentBackground008: var(--colourSemanticEmrald700);
110
- --communicationMarkersAccentBackground009: var(--colourSemanticLime700);
111
- --communicationMarkersAccentBackground001: var(--colourSemanticRose700);
112
- --communicationMarkersAccentBackgroundBlank: var(--colourNeutral950);
113
- --communicationMarkersGhostBackgroundNeutral: var(--colourTransparent100);
114
- --communicationMarkersGhostForgroundNeutral: var(--colourNeutral000);
115
- --communicationMarkersGhostBorderNeutral: var(--colourTransparent100);
116
- --communicationMarkersNeutralBackground001: var(--colourNeutral950);
117
- --communicationMarkersNeutralBackground002: var(--colourNeutral900);
118
- --communicationMarkersNeutralBackground003: var(--colourNeutral800);
119
- --communicationMarkersNeutralBackground004: var(--colourNeutral700);
120
- --communicationMarkersNeutralBackground005: var(--colourNeutral600);
121
- --communicationMarkersNeutralForground001: var(--colourNeutral000);
122
- --communicationMarkersNeutralForground002: var(--colourNeutral000);
123
- --communicationMarkersNeutralForground003: var(--colourNeutral000);
124
- --communicationMarkersNeutralForground004: var(--colourNeutral000);
125
- --communicationMarkersNeutralForground005: var(--colourNeutral000);
126
- --communicationMarkersNeutralBorder001: var(--colourTransparent100);
127
- --communicationMarkersNeutralBorder002: var(--colourTransparent100);
128
- --communicationMarkersNeutralBorder003: var(--colourTransparent100);
129
- --communicationMarkersNeutralBorder004: var(--colourTransparent100);
130
- --communicationMarkersNeutralBorder005: var(--colourTransparent100);
131
- --communicationHighlightsBorderBase: var(--colourAccent100);
68
+ --communicationMarkersSemanticDefaultBackgroundSuccess: var(--colourSemanticGreen700);
69
+ --communicationMarkersSemanticDefaultBackgroundWarning: var(--colourSemanticOrange700);
70
+ --communicationMarkersSemanticDefaultBackgroundError: var(--colourSemanticRed700);
71
+ --communicationMarkersSemanticDefaultBackgroundNeutral: var(--colourNeutral500);
72
+ --communicationMarkersSemanticDefaultBackgroundInformation: var(--colourSemanticBlue700);
73
+ --communicationMarkersSemanticDefaultForgroundSuccess: var(--colourNeutral000);
74
+ --communicationMarkersSemanticDefaultForgroundWarning: var(--colourNeutral000);
75
+ --communicationMarkersSemanticDefaultForgroundError: var(--colourNeutral000);
76
+ --communicationMarkersSemanticDefaultForgroundNeutral: var(--colourNeutral000);
77
+ --communicationMarkersSemanticDefaultForgroundInformation: var(--colourNeutral000);
78
+ --communicationMarkersSemanticDefaultBorderSuccess: var(--colourTransparent100);
79
+ --communicationMarkersSemanticDefaultBorderWarning: var(--colourTransparent100);
80
+ --communicationMarkersSemanticDefaultBorderNeutral: var(--colourTransparent100);
81
+ --communicationMarkersSemanticDefaultBorderInformation: var(--colourTransparent100);
82
+ --communicationMarkersSemanticDefaultBorderError: var(--colourTransparent100);
83
+ --communicationMarkersSemanticGhostBackgroundNeutral: var(--colourTransparent950);
84
+ --communicationMarkersSemanticGhostBackgroundInformation: var(--colourTransparent950);
85
+ --communicationMarkersSemanticGhostBackgroundSuccess: var(--colourTransparent950);
86
+ --communicationMarkersSemanticGhostBackgroundWarning: var(--colourTransparent950);
87
+ --communicationMarkersSemanticGhostBackgroundError: var(--colourTransparent950);
88
+ --communicationMarkersSemanticGhostForgroundNeutral: var(--colourNeutral000);
89
+ --communicationMarkersSemanticGhostForgroundInformation: var(--colourNeutral000);
90
+ --communicationMarkersSemanticGhostForgroundSuccess: var(--colourNeutral000);
91
+ --communicationMarkersSemanticGhostForgroundWarning: var(--colourNeutral000);
92
+ --communicationMarkersSemanticGhostForgroundError: var(--colourNeutral000);
93
+ --communicationMarkersSemanticGhostBorderNeutral: var(--colourTransparent950);
94
+ --communicationMarkersSemanticGhostBorderInformation: var(--colourTransparent950);
95
+ --communicationMarkersSemanticGhostBorderSuccess: var(--colourTransparent950);
96
+ --communicationMarkersSemanticGhostBorderWarning: var(--colourTransparent950);
97
+ --communicationMarkersSemanticGhostBorderError: var(--colourTransparent950);
98
+ --communicationMarkersSemanticSubtleBackgroundNeutral: var(--colourNeutral800);
99
+ --communicationMarkersSemanticSubtleBackgroundInformation: var(--colourSemanticBlue950);
100
+ --communicationMarkersSemanticSubtleBackgroundSuccess: var(--colourSemanticGreen950);
101
+ --communicationMarkersSemanticSubtleBackgroundWarning: var(--colourSemanticOrange950);
102
+ --communicationMarkersSemanticSubtleBackgroundError: var(--colourSemanticRed950);
103
+ --communicationMarkersSemanticSubtleForgroundNeutral: var(--colourNeutral300);
104
+ --communicationMarkersSemanticSubtleForgroundInformation: var(--colourSemanticBlue300);
105
+ --communicationMarkersSemanticSubtleForgroundSuccess: var(--colourSemanticGreen300);
106
+ --communicationMarkersSemanticSubtleForgroundWarning: var(--colourSemanticOrange300);
107
+ --communicationMarkersSemanticSubtleForgroundError: var(--colourSemanticRed300);
108
+ --communicationMarkersSemanticSubtleBorderNeutral: var(--colourTransparent100);
109
+ --communicationMarkersSemanticSubtleBorderInformation: var(--colourTransparent100);
110
+ --communicationMarkersSemanticSubtleBorderSuccess: var(--colourTransparent100);
111
+ --communicationMarkersSemanticSubtleBorderWarning: var(--colourTransparent100);
112
+ --communicationMarkersSemanticSubtleBorderError: var(--colourTransparent100);
113
+ --communicationMarkersAccentDefaultBorder002: var(--colourTransparent100);
114
+ --communicationMarkersAccentDefaultBorder004: var(--colourTransparent100);
115
+ --communicationMarkersAccentDefaultBorder003: var(--colourTransparent100);
116
+ --communicationMarkersAccentDefaultBorder005: var(--colourTransparent100);
117
+ --communicationMarkersAccentDefaultBorder006: var(--colourTransparent100);
118
+ --communicationMarkersAccentDefaultBorder007: var(--colourTransparent100);
119
+ --communicationMarkersAccentDefaultBorder008: var(--colourTransparent100);
120
+ --communicationMarkersAccentDefaultBorder009: var(--colourTransparent100);
121
+ --communicationMarkersAccentDefaultBorder001: var(--colourTransparent100);
122
+ --communicationMarkersAccentDefaultForground004: var(--colourNeutral000);
123
+ --communicationMarkersAccentDefaultForground002: var(--colourNeutral000);
124
+ --communicationMarkersAccentDefaultForground003: var(--colourNeutral000);
125
+ --communicationMarkersAccentDefaultForground005: var(--colourNeutral000);
126
+ --communicationMarkersAccentDefaultForground006: var(--colourNeutral000);
127
+ --communicationMarkersAccentDefaultForground007: var(--colourNeutral000);
128
+ --communicationMarkersAccentDefaultForground008: var(--colourNeutral000);
129
+ --communicationMarkersAccentDefaultForground009: var(--colourNeutral000);
130
+ --communicationMarkersAccentDefaultForground001: var(--colourNeutral000);
131
+ --communicationMarkersAccentDefaultBackground004: var(--colourSemanticPurple700);
132
+ --communicationMarkersAccentDefaultBackground002: var(--colourSemanticPink700);
133
+ --communicationMarkersAccentDefaultBackground003: var(--colourSemanticFuchsia700);
134
+ --communicationMarkersAccentDefaultBackground005: var(--colourSemanticIndigo700);
135
+ --communicationMarkersAccentDefaultBackground006: var(--colourSemanticSky700);
136
+ --communicationMarkersAccentDefaultBackground007: var(--colourSemanticTeal700);
137
+ --communicationMarkersAccentDefaultBackground008: var(--colourSemanticEmrald700);
138
+ --communicationMarkersAccentDefaultBackground009: var(--colourSemanticLime700);
139
+ --communicationMarkersAccentDefaultBackground001: var(--colourSemanticRose700);
140
+ --communicationMarkersAccentSubtleBackground001: var(--colourSemanticRose950);
141
+ --communicationMarkersAccentSubtleBackground002: var(--colourSemanticPink950);
142
+ --communicationMarkersAccentSubtleBackground003: var(--colourSemanticFuchsia950);
143
+ --communicationMarkersAccentSubtleBackground004: var(--colourSemanticPurple950);
144
+ --communicationMarkersAccentSubtleBackground005: var(--colourSemanticIndigo950);
145
+ --communicationMarkersAccentSubtleBackground006: var(--colourSemanticSky950);
146
+ --communicationMarkersAccentSubtleBackground007: var(--colourSemanticTeal950);
147
+ --communicationMarkersAccentSubtleBackground008: var(--colourSemanticEmrald950);
148
+ --communicationMarkersAccentSubtleBackground009: var(--colourSemanticLime950);
149
+ --communicationMarkersAccentSubtleForground001: var(--colourSemanticRose300);
150
+ --communicationMarkersAccentSubtleForground002: var(--colourSemanticPink300);
151
+ --communicationMarkersAccentSubtleForground003: var(--colourSemanticFuchsia300);
152
+ --communicationMarkersAccentSubtleForground004: var(--colourSemanticPurple300);
153
+ --communicationMarkersAccentSubtleForground005: var(--colourSemanticIndigo300);
154
+ --communicationMarkersAccentSubtleForground006: var(--colourSemanticSky300);
155
+ --communicationMarkersAccentSubtleForground007: var(--colourSemanticTeal300);
156
+ --communicationMarkersAccentSubtleForground008: var(--colourSemanticEmrald300);
157
+ --communicationMarkersAccentSubtleForground009: var(--colourSemanticLime300);
158
+ --communicationMarkersAccentSubtleBorder001: var(--colourTransparent100);
159
+ --communicationMarkersAccentSubtleBorder002: var(--colourTransparent100);
160
+ --communicationMarkersAccentSubtleBorder003: var(--colourTransparent100);
161
+ --communicationMarkersAccentSubtleBorder004: var(--colourTransparent100);
162
+ --communicationMarkersAccentSubtleBorder005: var(--colourTransparent100);
163
+ --communicationMarkersAccentSubtleBorder006: var(--colourTransparent100);
164
+ --communicationMarkersAccentSubtleBorder007: var(--colourTransparent100);
165
+ --communicationMarkersAccentSubtleBorder008: var(--colourTransparent100);
166
+ --communicationMarkersAccentSubtleBorder009: var(--colourTransparent100);
167
+ --communicationMarkersAccentGhostBackground001: var(--colourTransparent950);
168
+ --communicationMarkersAccentGhostBackground002: var(--colourTransparent950);
169
+ --communicationMarkersAccentGhostBackground003: var(--colourTransparent950);
170
+ --communicationMarkersAccentGhostBackground004: var(--colourTransparent950);
171
+ --communicationMarkersAccentGhostBackground005: var(--colourTransparent950);
172
+ --communicationMarkersAccentGhostBackground006: var(--colourTransparent950);
173
+ --communicationMarkersAccentGhostBackground007: var(--colourTransparent950);
174
+ --communicationMarkersAccentGhostBackground008: var(--colourTransparent950);
175
+ --communicationMarkersAccentGhostBackground009: var(--colourTransparent950);
176
+ --communicationMarkersAccentGhostForground001: var(--colourSemanticRose300);
177
+ --communicationMarkersAccentGhostForground002: var(--colourSemanticPink300);
178
+ --communicationMarkersAccentGhostForground003: var(--colourSemanticFuchsia300);
179
+ --communicationMarkersAccentGhostForground004: var(--colourSemanticPurple300);
180
+ --communicationMarkersAccentGhostForground005: var(--colourSemanticIndigo300);
181
+ --communicationMarkersAccentGhostForground006: var(--colourSemanticSky300);
182
+ --communicationMarkersAccentGhostForground007: var(--colourSemanticTeal300);
183
+ --communicationMarkersAccentGhostForground008: var(--colourSemanticEmrald300);
184
+ --communicationMarkersAccentGhostForground009: var(--colourSemanticLime300);
185
+ --communicationMarkersAccentGhostBorder001: var(--colourTransparent950);
186
+ --communicationMarkersAccentGhostBorder002: var(--colourTransparent950);
187
+ --communicationMarkersAccentGhostBorder003: var(--colourTransparent950);
188
+ --communicationMarkersAccentGhostBorder004: var(--colourTransparent950);
189
+ --communicationMarkersAccentGhostBorder005: var(--colourTransparent950);
190
+ --communicationMarkersAccentGhostBorder006: var(--colourTransparent950);
191
+ --communicationMarkersAccentGhostBorder007: var(--colourTransparent950);
192
+ --communicationMarkersAccentGhostBorder008: var(--colourTransparent950);
193
+ --communicationMarkersAccentGhostBorder009: var(--colourTransparent950);
194
+ --communicationMarkersNeutralDefaultBackground001: var(--colourNeutral950);
195
+ --communicationMarkersNeutralDefaultBackground002: var(--colourNeutral900);
196
+ --communicationMarkersNeutralDefaultBackground003: var(--colourNeutral800);
197
+ --communicationMarkersNeutralDefaultBackground004: var(--colourNeutral700);
198
+ --communicationMarkersNeutralDefaultBackground005: var(--colourNeutral600);
199
+ --communicationMarkersNeutralDefaultForground001: var(--colourNeutral000);
200
+ --communicationMarkersNeutralDefaultForground002: var(--colourNeutral000);
201
+ --communicationMarkersNeutralDefaultForground003: var(--colourNeutral000);
202
+ --communicationMarkersNeutralDefaultForground004: var(--colourNeutral000);
203
+ --communicationMarkersNeutralDefaultForground005: var(--colourNeutral000);
204
+ --communicationMarkersNeutralDefaultBorder001: var(--colourTransparent100);
205
+ --communicationMarkersNeutralDefaultBorder002: var(--colourTransparent100);
206
+ --communicationMarkersNeutralDefaultBorder003: var(--colourTransparent100);
207
+ --communicationMarkersNeutralDefaultBorder004: var(--colourTransparent100);
208
+ --communicationMarkersNeutralDefaultBorder005: var(--colourTransparent100);
132
209
  --communicationHighlightsBorderDisabled: var(--colourNeutral600);
133
210
  --communicationHighlightsBorderWhite: var(--colourNeutral000);
134
211
  --communicationHighlightsBorderSubtle: var(--colourSemanticIndigo400);
135
- --communicationHighlightsBackgroundBase: var(--colourAccent100);
136
212
  --communicationHighlightsBackgroundDisabled: var(--colourNeutral700);
137
213
  --communicationHighlightsForegroundBase: var(--colourNeutral100);
138
214
  --communicationHighlightsForegroundDisabled: var(--colourNeutral200);
@@ -239,11 +315,12 @@
239
315
  --structureSurfacesLevel5: var(--colourNeutral600);
240
316
  --structureSurfacesLevel2: var(--colourNeutral900);
241
317
  --structureSurfacesLevel1: var(--colourNeutral925);
242
- --structureBoardersLevel1: var(--colourNeutral950);
318
+ --structureBoardersLevel0: var(--colourNeutral950);
243
319
  --structureBoardersLevel2: var(--colourNeutral900);
244
320
  --structureBoardersLevel3: var(--colourNeutral800);
245
321
  --structureBoardersLevel4: var(--colourNeutral700);
246
322
  --structureBoardersLevel5: var(--colourNeutral600);
323
+ --structureBoardersLevel1: var(--colourNeutral925);
247
324
  --transitionsLevel1100: var(--colourNeutral950);
248
325
  --transitionsLevel1000: var(--colourTransparentDark090);
249
326
  --transitionsLevel2100: var(--colourNeutral800);
@@ -316,5 +393,7 @@
316
393
  --navigationBorderHover: var(--colourTransparent950);
317
394
  --navigationBorderFocus: var(--colourTransparent950);
318
395
  --navigationBorderPressed: var(--colourNeutral700);
319
- --toolsAnnotations: var(--colourSemanticPurple500);
396
+ --communicationHighlightsBorderBase: var(--colourAccent100);
397
+ --communicationHighlightsBackgroundBase: var(--colourAccent100);
398
+ --toolsAnnotations: var(--colourAccent100);
320
399
  }
package/build/css/variables.css CHANGED
@@ -39,7 +39,6 @@
39
39
  --colourTransparentLight020: rgba(255, 255, 255, 0.2);
40
40
  --colourTransparentLight010: rgba(255, 255, 255, 0.1);
41
41
  --colourTransparentLight000: rgba(255, 255, 255, 0);
42
- --colourAccent100: #ff4b4f;
43
42
  --colourAccent020: rgba(255, 75, 79, 0.2);
44
43
  --colourAccentDigitalRed: #ff4b4f;
45
44
  --colourAccentEmraldGreen: #2a654a;
@@ -323,6 +322,7 @@
323
322
  --shadowsSoftY: 2px;
324
323
  --shadowsSoftShadowSpread: 0px;
325
324
  --themeTheme: Light;
325
+ --colourAccent100: var(--colourAccentDigitalRed);
326
326
  --actionPrimaryBackgroundHover: var(--colourNeutral800);
327
327
  --actionPrimaryBackgroundBase: var(--colourNeutral950);
328
328
  --actionPrimaryBackgroundDisabled: var(--colourNeutral700);
@@ -376,74 +376,150 @@
376
376
  --actionLinkForegroundFocus: var(--colourSemanticBlue700);
377
377
  --actionLinkForegroundPressed: var(--colourSemanticBlue800);
378
378
  --actionLinkForegroundDisabled: var(--colourNeutral700);
379
- --communicationMarkersSemanticBackgroundSuccess: var(--colourSemanticGreen600);
380
- --communicationMarkersSemanticBackgroundWarning: var(--colourSemanticOrange600);
381
- --communicationMarkersSemanticBackgroundError: var(--colourSemanticRed600);
382
- --communicationMarkersSemanticBackgroundNeutral: var(--colourNeutral500);
383
- --communicationMarkersSemanticBackgroundInformation: var(--colourSemanticBlue600);
384
- --communicationMarkersSemanticForgroundSuccess: var(--colourNeutral000);
385
- --communicationMarkersSemanticForgroundWarning: var(--colourNeutral000);
386
- --communicationMarkersSemanticForgroundError: var(--colourNeutral000);
387
- --communicationMarkersSemanticForgroundNeutral: var(--colourNeutral000);
388
- --communicationMarkersSemanticForgroundInformation: var(--colourNeutral000);
389
- --communicationMarkersSemanticBorderSuccess: var(--colourTransparent100);
390
- --communicationMarkersSemanticBorderWarning: var(--colourTransparent100);
391
- --communicationMarkersSemanticBorderNeutral: var(--colourTransparent100);
392
- --communicationMarkersSemanticBorderInformation: var(--colourTransparent100);
393
- --communicationMarkersSemanticBorderError: var(--colourTransparent100);
394
- --communicationMarkersAccentBorder002: var(--colourTransparent100);
395
- --communicationMarkersAccentBorder004: var(--colourTransparent100);
396
- --communicationMarkersAccentBorder003: var(--colourTransparent100);
397
- --communicationMarkersAccentBorder005: var(--colourTransparent100);
398
- --communicationMarkersAccentBorder006: var(--colourTransparent100);
399
- --communicationMarkersAccentBorder007: var(--colourTransparent100);
400
- --communicationMarkersAccentBorder008: var(--colourTransparent100);
401
- --communicationMarkersAccentBorder009: var(--colourTransparent100);
402
- --communicationMarkersAccentBorder001: var(--colourTransparent100);
403
- --communicationMarkersAccentBorderBlank: var(--colourTransparent100);
404
- --communicationMarkersAccentForground004: var(--colourNeutral000);
405
- --communicationMarkersAccentForground002: var(--colourNeutral000);
406
- --communicationMarkersAccentForground003: var(--colourNeutral000);
407
- --communicationMarkersAccentForground005: var(--colourNeutral000);
408
- --communicationMarkersAccentForground006: var(--colourNeutral000);
409
- --communicationMarkersAccentForground007: var(--colourNeutral000);
410
- --communicationMarkersAccentForground008: var(--colourNeutral000);
411
- --communicationMarkersAccentForground009: var(--colourNeutral000);
412
- --communicationMarkersAccentForground001: var(--colourNeutral000);
413
- --communicationMarkersAccentForgroundBlank: var(--colourNeutral950);
414
- --communicationMarkersAccentBackground004: var(--colourSemanticPurple600);
415
- --communicationMarkersAccentBackground002: var(--colourSemanticPink600);
416
- --communicationMarkersAccentBackground003: var(--colourSemanticFuchsia600);
417
- --communicationMarkersAccentBackground005: var(--colourSemanticIndigo600);
418
- --communicationMarkersAccentBackground006: var(--colourSemanticSky600);
419
- --communicationMarkersAccentBackground007: var(--colourSemanticTeal600);
420
- --communicationMarkersAccentBackground008: var(--colourSemanticEmrald600);
421
- --communicationMarkersAccentBackground009: var(--colourSemanticLime600);
422
- --communicationMarkersAccentBackground001: var(--colourSemanticRose600);
423
- --communicationMarkersAccentBackgroundBlank: var(--colourNeutral000);
424
- --communicationMarkersGhostBackgroundNeutral: var(--colourTransparent100);
425
- --communicationMarkersGhostForgroundNeutral: var(--colourNeutral950);
426
- --communicationMarkersGhostBorderNeutral: var(--colourTransparent100);
427
- --communicationMarkersNeutralBackground001: var(--colourNeutral000);
428
- --communicationMarkersNeutralBackground002: var(--colourNeutral050);
429
- --communicationMarkersNeutralBackground003: var(--colourNeutral100);
430
- --communicationMarkersNeutralBackground004: var(--colourNeutral200);
431
- --communicationMarkersNeutralBackground005: var(--colourNeutral300);
432
- --communicationMarkersNeutralForground001: var(--colourNeutral950);
433
- --communicationMarkersNeutralForground002: var(--colourNeutral950);
434
- --communicationMarkersNeutralForground003: var(--colourNeutral950);
435
- --communicationMarkersNeutralForground004: var(--colourNeutral950);
436
- --communicationMarkersNeutralForground005: var(--colourNeutral950);
437
- --communicationMarkersNeutralBorder001: var(--colourTransparent100);
438
- --communicationMarkersNeutralBorder002: var(--colourTransparent100);
439
- --communicationMarkersNeutralBorder003: var(--colourTransparent100);
440
- --communicationMarkersNeutralBorder004: var(--colourTransparent100);
441
- --communicationMarkersNeutralBorder005: var(--colourTransparent100);
442
- --communicationHighlightsBorderBase: var(--colourAccent100);
379
+ --communicationMarkersSemanticDefaultBackgroundSuccess: var(--colourSemanticGreen600);
380
+ --communicationMarkersSemanticDefaultBackgroundWarning: var(--colourSemanticOrange600);
381
+ --communicationMarkersSemanticDefaultBackgroundError: var(--colourSemanticRed600);
382
+ --communicationMarkersSemanticDefaultBackgroundNeutral: var(--colourNeutral500);
383
+ --communicationMarkersSemanticDefaultBackgroundInformation: var(--colourSemanticBlue600);
384
+ --communicationMarkersSemanticDefaultForgroundSuccess: var(--colourNeutral000);
385
+ --communicationMarkersSemanticDefaultForgroundWarning: var(--colourNeutral000);
386
+ --communicationMarkersSemanticDefaultForgroundError: var(--colourNeutral000);
387
+ --communicationMarkersSemanticDefaultForgroundNeutral: var(--colourNeutral000);
388
+ --communicationMarkersSemanticDefaultForgroundInformation: var(--colourNeutral000);
389
+ --communicationMarkersSemanticDefaultBorderSuccess: var(--colourTransparent100);
390
+ --communicationMarkersSemanticDefaultBorderWarning: var(--colourTransparent100);
391
+ --communicationMarkersSemanticDefaultBorderNeutral: var(--colourTransparent100);
392
+ --communicationMarkersSemanticDefaultBorderInformation: var(--colourTransparent100);
393
+ --communicationMarkersSemanticDefaultBorderError: var(--colourTransparent100);
394
+ --communicationMarkersSemanticGhostBackgroundNeutral: var(--colourTransparent100);
395
+ --communicationMarkersSemanticGhostBackgroundInformation: var(--colourTransparent100);
396
+ --communicationMarkersSemanticGhostBackgroundSuccess: var(--colourTransparent100);
397
+ --communicationMarkersSemanticGhostBackgroundWarning: var(--colourTransparent100);
398
+ --communicationMarkersSemanticGhostBackgroundError: var(--colourTransparent100);
399
+ --communicationMarkersSemanticGhostForgroundNeutral: var(--colourNeutral950);
400
+ --communicationMarkersSemanticGhostForgroundInformation: var(--colourNeutral950);
401
+ --communicationMarkersSemanticGhostForgroundSuccess: var(--colourNeutral900);
402
+ --communicationMarkersSemanticGhostForgroundWarning: var(--colourNeutral950);
403
+ --communicationMarkersSemanticGhostForgroundError: var(--colourNeutral950);
404
+ --communicationMarkersSemanticGhostBorderNeutral: var(--colourTransparent100);
405
+ --communicationMarkersSemanticGhostBorderInformation: var(--colourTransparent100);
406
+ --communicationMarkersSemanticGhostBorderSuccess: var(--colourTransparent100);
407
+ --communicationMarkersSemanticGhostBorderWarning: var(--colourTransparent100);
408
+ --communicationMarkersSemanticGhostBorderError: var(--colourTransparent100);
409
+ --communicationMarkersSemanticSubtleBackgroundNeutral: var(--colourNeutral050);
410
+ --communicationMarkersSemanticSubtleBackgroundInformation: var(--colourSemanticBlue100);
411
+ --communicationMarkersSemanticSubtleBackgroundSuccess: var(--colourSemanticGreen100);
412
+ --communicationMarkersSemanticSubtleBackgroundWarning: var(--colourSemanticOrange100);
413
+ --communicationMarkersSemanticSubtleBackgroundError: var(--colourSemanticRed100);
414
+ --communicationMarkersSemanticSubtleForgroundNeutral: var(--colourNeutral800);
415
+ --communicationMarkersSemanticSubtleForgroundInformation: var(--colourSemanticBlue800);
416
+ --communicationMarkersSemanticSubtleForgroundSuccess: var(--colourSemanticGreen800);
417
+ --communicationMarkersSemanticSubtleForgroundWarning: var(--colourSemanticOrange800);
418
+ --communicationMarkersSemanticSubtleForgroundError: var(--colourSemanticRed800);
419
+ --communicationMarkersSemanticSubtleBorderNeutral: var(--colourTransparent100);
420
+ --communicationMarkersSemanticSubtleBorderInformation: var(--colourTransparent100);
421
+ --communicationMarkersSemanticSubtleBorderSuccess: var(--colourTransparent100);
422
+ --communicationMarkersSemanticSubtleBorderWarning: var(--colourTransparent100);
423
+ --communicationMarkersSemanticSubtleBorderError: var(--colourTransparent100);
424
+ --communicationMarkersAccentDefaultBorder002: var(--colourTransparent100);
425
+ --communicationMarkersAccentDefaultBorder004: var(--colourTransparent100);
426
+ --communicationMarkersAccentDefaultBorder003: var(--colourTransparent100);
427
+ --communicationMarkersAccentDefaultBorder005: var(--colourTransparent100);
428
+ --communicationMarkersAccentDefaultBorder006: var(--colourTransparent100);
429
+ --communicationMarkersAccentDefaultBorder007: var(--colourTransparent100);
430
+ --communicationMarkersAccentDefaultBorder008: var(--colourTransparent100);
431
+ --communicationMarkersAccentDefaultBorder009: var(--colourTransparent100);
432
+ --communicationMarkersAccentDefaultBorder001: var(--colourTransparent100);
433
+ --communicationMarkersAccentDefaultForground004: var(--colourNeutral000);
434
+ --communicationMarkersAccentDefaultForground002: var(--colourNeutral000);
435
+ --communicationMarkersAccentDefaultForground003: var(--colourNeutral000);
436
+ --communicationMarkersAccentDefaultForground005: var(--colourNeutral000);
437
+ --communicationMarkersAccentDefaultForground006: var(--colourNeutral000);
438
+ --communicationMarkersAccentDefaultForground007: var(--colourNeutral000);
439
+ --communicationMarkersAccentDefaultForground008: var(--colourNeutral000);
440
+ --communicationMarkersAccentDefaultForground009: var(--colourNeutral000);
441
+ --communicationMarkersAccentDefaultForground001: var(--colourNeutral000);
442
+ --communicationMarkersAccentDefaultBackground004: var(--colourSemanticPurple600);
443
+ --communicationMarkersAccentDefaultBackground002: var(--colourSemanticPink600);
444
+ --communicationMarkersAccentDefaultBackground003: var(--colourSemanticFuchsia600);
445
+ --communicationMarkersAccentDefaultBackground005: var(--colourSemanticIndigo600);
446
+ --communicationMarkersAccentDefaultBackground006: var(--colourSemanticSky600);
447
+ --communicationMarkersAccentDefaultBackground007: var(--colourSemanticTeal600);
448
+ --communicationMarkersAccentDefaultBackground008: var(--colourSemanticEmrald600);
449
+ --communicationMarkersAccentDefaultBackground009: var(--colourSemanticLime600);
450
+ --communicationMarkersAccentDefaultBackground001: var(--colourSemanticRose600);
451
+ --communicationMarkersAccentSubtleBackground001: var(--colourSemanticRose100);
452
+ --communicationMarkersAccentSubtleBackground002: var(--colourSemanticPink100);
453
+ --communicationMarkersAccentSubtleBackground003: var(--colourSemanticFuchsia100);
454
+ --communicationMarkersAccentSubtleBackground004: var(--colourSemanticPurple100);
455
+ --communicationMarkersAccentSubtleBackground005: var(--colourSemanticIndigo100);
456
+ --communicationMarkersAccentSubtleBackground006: var(--colourSemanticSky100);
457
+ --communicationMarkersAccentSubtleBackground007: var(--colourSemanticTeal100);
458
+ --communicationMarkersAccentSubtleBackground008: var(--colourSemanticEmrald100);
459
+ --communicationMarkersAccentSubtleBackground009: var(--colourSemanticLime100);
460
+ --communicationMarkersAccentSubtleForground001: var(--colourSemanticRose800);
461
+ --communicationMarkersAccentSubtleForground002: var(--colourSemanticPink800);
462
+ --communicationMarkersAccentSubtleForground003: var(--colourSemanticFuchsia800);
463
+ --communicationMarkersAccentSubtleForground004: var(--colourSemanticPurple800);
464
+ --communicationMarkersAccentSubtleForground005: var(--colourSemanticIndigo800);
465
+ --communicationMarkersAccentSubtleForground006: var(--colourSemanticSky800);
466
+ --communicationMarkersAccentSubtleForground007: var(--colourSemanticTeal800);
467
+ --communicationMarkersAccentSubtleForground008: var(--colourSemanticEmrald800);
468
+ --communicationMarkersAccentSubtleForground009: var(--colourSemanticLime800);
469
+ --communicationMarkersAccentSubtleBorder001: var(--colourTransparent100);
470
+ --communicationMarkersAccentSubtleBorder002: var(--colourTransparent100);
471
+ --communicationMarkersAccentSubtleBorder003: var(--colourTransparent100);
472
+ --communicationMarkersAccentSubtleBorder004: var(--colourTransparent100);
473
+ --communicationMarkersAccentSubtleBorder005: var(--colourTransparent100);
474
+ --communicationMarkersAccentSubtleBorder006: var(--colourTransparent100);
475
+ --communicationMarkersAccentSubtleBorder007: var(--colourTransparent100);
476
+ --communicationMarkersAccentSubtleBorder008: var(--colourTransparent100);
477
+ --communicationMarkersAccentSubtleBorder009: var(--colourTransparent100);
478
+ --communicationMarkersAccentGhostBackground001: var(--colourTransparent100);
479
+ --communicationMarkersAccentGhostBackground002: var(--colourTransparent100);
480
+ --communicationMarkersAccentGhostBackground003: var(--colourTransparent100);
481
+ --communicationMarkersAccentGhostBackground004: var(--colourTransparent100);
482
+ --communicationMarkersAccentGhostBackground005: var(--colourTransparent100);
483
+ --communicationMarkersAccentGhostBackground006: var(--colourTransparent100);
484
+ --communicationMarkersAccentGhostBackground007: var(--colourTransparent100);
485
+ --communicationMarkersAccentGhostBackground008: var(--colourTransparent100);
486
+ --communicationMarkersAccentGhostBackground009: var(--colourTransparent100);
487
+ --communicationMarkersAccentGhostForground001: var(--colourSemanticRose800);
488
+ --communicationMarkersAccentGhostForground002: var(--colourSemanticPink800);
489
+ --communicationMarkersAccentGhostForground003: var(--colourSemanticFuchsia800);
490
+ --communicationMarkersAccentGhostForground004: var(--colourSemanticPurple800);
491
+ --communicationMarkersAccentGhostForground005: var(--colourSemanticIndigo800);
492
+ --communicationMarkersAccentGhostForground006: var(--colourSemanticSky800);
493
+ --communicationMarkersAccentGhostForground007: var(--colourSemanticTeal800);
494
+ --communicationMarkersAccentGhostForground008: var(--colourSemanticEmrald800);
495
+ --communicationMarkersAccentGhostForground009: var(--colourSemanticLime800);
496
+ --communicationMarkersAccentGhostBorder001: var(--colourTransparent100);
497
+ --communicationMarkersAccentGhostBorder002: var(--colourTransparent100);
498
+ --communicationMarkersAccentGhostBorder003: var(--colourTransparent100);
499
+ --communicationMarkersAccentGhostBorder004: var(--colourTransparent100);
500
+ --communicationMarkersAccentGhostBorder005: var(--colourTransparent100);
501
+ --communicationMarkersAccentGhostBorder006: var(--colourTransparent100);
502
+ --communicationMarkersAccentGhostBorder007: var(--colourTransparent100);
503
+ --communicationMarkersAccentGhostBorder008: var(--colourTransparent100);
504
+ --communicationMarkersAccentGhostBorder009: var(--colourTransparent100);
505
+ --communicationMarkersNeutralDefaultBackground001: var(--colourNeutral000);
506
+ --communicationMarkersNeutralDefaultBackground002: var(--colourNeutral050);
507
+ --communicationMarkersNeutralDefaultBackground003: var(--colourNeutral100);
508
+ --communicationMarkersNeutralDefaultBackground004: var(--colourNeutral200);
509
+ --communicationMarkersNeutralDefaultBackground005: var(--colourNeutral300);
510
+ --communicationMarkersNeutralDefaultForground001: var(--colourNeutral950);
511
+ --communicationMarkersNeutralDefaultForground002: var(--colourNeutral950);
512
+ --communicationMarkersNeutralDefaultForground003: var(--colourNeutral950);
513
+ --communicationMarkersNeutralDefaultForground004: var(--colourNeutral950);
514
+ --communicationMarkersNeutralDefaultForground005: var(--colourNeutral950);
515
+ --communicationMarkersNeutralDefaultBorder001: var(--colourTransparent100);
516
+ --communicationMarkersNeutralDefaultBorder002: var(--colourTransparent100);
517
+ --communicationMarkersNeutralDefaultBorder003: var(--colourTransparent100);
518
+ --communicationMarkersNeutralDefaultBorder004: var(--colourTransparent100);
519
+ --communicationMarkersNeutralDefaultBorder005: var(--colourTransparent100);
443
520
  --communicationHighlightsBorderDisabled: var(--colourNeutral050);
444
521
  --communicationHighlightsBorderWhite: var(--colourNeutral000);
445
522
  --communicationHighlightsBorderSubtle: var(--colourSemanticIndigo500);
446
- --communicationHighlightsBackgroundBase: var(--colourAccent100);
447
523
  --communicationHighlightsBackgroundDisabled: var(--colourNeutral100);
448
524
  --communicationHighlightsForegroundBase: var(--colourNeutral000);
449
525
  --communicationHighlightsForegroundDisabled: var(--colourNeutral600);
@@ -550,11 +626,12 @@
550
626
  --structureSurfacesLevel5: var(--colourNeutral300);
551
627
  --structureSurfacesLevel2: var(--colourNeutral050);
552
628
  --structureSurfacesLevel1: var(--colourNeutral025);
553
- --structureBoardersLevel1: var(--colourNeutral000);
629
+ --structureBoardersLevel0: var(--colourNeutral000);
554
630
  --structureBoardersLevel2: var(--colourNeutral050);
555
631
  --structureBoardersLevel3: var(--colourNeutral100);
556
632
  --structureBoardersLevel4: var(--colourNeutral200);
557
633
  --structureBoardersLevel5: var(--colourNeutral300);
634
+ --structureBoardersLevel1: var(--colourNeutral025);
558
635
  --transitionsLevel1100: var(--colourNeutral000);
559
636
  --transitionsLevel1000: var(--colourTransparentLight000);
560
637
  --transitionsLevel2100: var(--colourNeutral000);
@@ -627,5 +704,7 @@
627
704
  --navigationBorderHover: var(--colourTransparent100);
628
705
  --navigationBorderFocus: var(--colourTransparent100);
629
706
  --navigationBorderPressed: var(--colourNeutral100);
630
- --toolsAnnotations: var(--colourSemanticPurple600);
707
+ --communicationHighlightsBorderBase: var(--colourAccent100);
708
+ --communicationHighlightsBackgroundBase: var(--colourAccent100);
709
+ --toolsAnnotations: var(--colourAccent100);
631
710
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@igrec-j/design-tokens-test",
3
- "version": "0.1.1",
3
+ "version": "0.2.1",
4
4
  "description": "Design system tokens - testing setup",
5
5
  "main": "build/css/variables.css",
6
6
  "type": "module",
package/tokens/01-primitive/Mode 1.json CHANGED
@@ -377,7 +377,7 @@
377
377
  ]
378
378
  },
379
379
  "$type": "color",
380
- "$value": "#ff4b4f"
380
+ "$value": "{Colour.Accent.Digital red}"
381
381
  },
382
382
  "020": {
383
383
  "$extensions": {