@gostudent/shared-ui-library 1.3.0 → 1.4.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 (28) hide show
  1. package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts +10 -8
  2. package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts.map +1 -1
  3. package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts +15 -0
  4. package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts.map +1 -1
  5. package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts +15 -0
  6. package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts.map +1 -1
  7. package/dist/src/tokens/output/sk/tokens.d.ts +10 -10
  8. package/dist/themes/theme-gs.css +26 -9
  9. package/dist/themes/theme-sk.css +36 -19
  10. package/package.json +1 -1
  11. package/src/tokens/output/base/global-colours/variables.css +1 -1
  12. package/src/tokens/output/base/semantic-font-desktop/tokens.d.ts +10 -8
  13. package/src/tokens/output/base/semantic-font-desktop/tokens.js +10 -8
  14. package/src/tokens/output/base/semantic-font-desktop/tokens.ts +10 -8
  15. package/src/tokens/output/base/semantic-font-desktop/variables.css +10 -8
  16. package/src/tokens/output/base/variables.css +1 -1
  17. package/src/tokens/output/gs/semantic-colors/tokens.d.ts +16 -1
  18. package/src/tokens/output/gs/semantic-colors/tokens.js +16 -1
  19. package/src/tokens/output/gs/semantic-colors/tokens.ts +16 -1
  20. package/src/tokens/output/gs/semantic-colors/variables.css +15 -0
  21. package/src/tokens/output/sk/semantic-colors/tokens.d.ts +16 -1
  22. package/src/tokens/output/sk/semantic-colors/tokens.js +16 -1
  23. package/src/tokens/output/sk/semantic-colors/tokens.ts +16 -1
  24. package/src/tokens/output/sk/semantic-colors/variables.css +15 -0
  25. package/src/tokens/output/sk/tokens.d.ts +10 -10
  26. package/src/tokens/output/sk/tokens.js +10 -10
  27. package/src/tokens/output/sk/tokens.ts +10 -10
  28. package/src/tokens/output/sk/variables.css +10 -10
package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts CHANGED
@@ -5,12 +5,13 @@ export declare const t: {
5
5
  readonly fontDesktopHeadingFontSizeH4: "var(--font-desktop-heading-font-size-h4)";
6
6
  readonly fontDesktopHeadingFontSizeH5: "var(--font-desktop-heading-font-size-h5)";
7
7
  readonly fontDesktopHeadingFontSizeH6: "var(--font-desktop-heading-font-size-h6)";
8
- readonly fontDesktopHeadingFontWeightH1: "var(--font-desktop-heading-font-weight-h1)";
9
- readonly fontDesktopHeadingFontWeightH2: "var(--font-desktop-heading-font-weight-h2)";
10
- readonly fontDesktopHeadingFontWeightH3: "var(--font-desktop-heading-font-weight-h3)";
11
- readonly fontDesktopHeadingFontWeightH4: "var(--font-desktop-heading-font-weight-h4)";
12
- readonly fontDesktopHeadingFontWeightH5: "var(--font-desktop-heading-font-weight-h5)";
13
- readonly fontDesktopHeadingFontWeightH6: "var(--font-desktop-heading-font-weight-h6)";
8
+ readonly fontDesktopHeadingFontWeightH1Semibold: "var(--font-desktop-heading-font-weight-h1-semibold)";
9
+ readonly fontDesktopHeadingFontWeightH2Semibold: "var(--font-desktop-heading-font-weight-h2-semibold)";
10
+ readonly fontDesktopHeadingFontWeightH3Semibold: "var(--font-desktop-heading-font-weight-h3-semibold)";
11
+ readonly fontDesktopHeadingFontWeightH4Semibold: "var(--font-desktop-heading-font-weight-h4-semibold)";
12
+ readonly fontDesktopHeadingFontWeightH5Semibold: "var(--font-desktop-heading-font-weight-h5-semibold)";
13
+ readonly fontDesktopHeadingFontWeightH6Semibold: "var(--font-desktop-heading-font-weight-h6-semibold)";
14
+ readonly fontDesktopHeadingFontWeightBold: "var(--font-desktop-heading-font-weight-bold)";
14
15
  readonly fontDesktopHeadingLineHeightH1: "var(--font-desktop-heading-line-height-h1)";
15
16
  readonly fontDesktopHeadingLineHeightH2: "var(--font-desktop-heading-line-height-h2)";
16
17
  readonly fontDesktopHeadingLineHeightH3: "var(--font-desktop-heading-line-height-h3)";
@@ -23,10 +24,11 @@ export declare const t: {
23
24
  readonly fontDesktopSubtitleFontWeightSm: "var(--font-desktop-subtitle-font-weight-sm)";
24
25
  readonly fontDesktopSubtitleLineHeightLg: "var(--font-desktop-subtitle-line-height-lg)";
25
26
  readonly fontDesktopSubtitleLineHeightMd: "var(--font-desktop-subtitle-line-height-md)";
26
- readonly fontDesktopBodyFontWeightMd: "var(--font-desktop-body-font-weight-md)";
27
- readonly fontDesktopBodyFontWeightSm: "var(--font-desktop-body-font-weight-sm)";
27
+ readonly fontDesktopBodyFontWeightMedium: "var(--font-desktop-body-font-weight-medium)";
28
28
  readonly fontDesktopBodyFontSizeMd: "var(--font-desktop-body-font-size-md)";
29
29
  readonly fontDesktopBodyFontSizeSm: "var(--font-desktop-body-font-size-sm)";
30
+ readonly fontDesktopBodyLineHeightMd: "var(--font-desktop-body-line-height-md)";
31
+ readonly fontDesktopBodyLineHeightSm: "var(--font-desktop-body-line-height-sm)";
30
32
  readonly fontDesktopLabelFontSize: "var(--font-desktop-label-font-size)";
31
33
  readonly fontDesktopLabelFontWeightBold: "var(--font-desktop-label-font-weight-bold)";
32
34
  readonly fontDesktopLabelFontWeightSemiBold: "var(--font-desktop-label-font-weight-semi-bold)";
package/dist/src/tokens/output/base/semantic-font-desktop/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-font-desktop/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgEJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/base/semantic-font-desktop/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkEJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts CHANGED
@@ -41,9 +41,24 @@ export declare const t: {
41
41
  readonly colorFeedbackNegativeBackground: "var(--color-feedback-negative-background)";
42
42
  readonly colorFeedbackNegativeIcon: "var(--color-feedback-negative-icon)";
43
43
  readonly colorFeedbackNegativeBorder: "var(--color-feedback-negative-border)";
44
+ readonly colorFeedbackNegativeText: "var(--color-feedback-negative-text)";
44
45
  readonly colorFeedbackWarningBackground: "var(--color-feedback-warning-background)";
45
46
  readonly colorFeedbackWarningIcon: "var(--color-feedback-warning-icon)";
46
47
  readonly colorFeedbackWarningBorder: "var(--color-feedback-warning-border)";
48
+ readonly colorSurfaceDefault: "var(--color-surface-default)";
49
+ readonly colorSurfaceSubtle: "var(--color-surface-subtle)";
50
+ readonly colorSurfaceHover: "var(--color-surface-hover)";
51
+ readonly colorSurfaceIconsMedium: "var(--color-surface-icons-medium)";
52
+ readonly colorSurfaceIconsDefault: "var(--color-surface-icons-default)";
53
+ readonly colorBorderDefault: "var(--color-border-default)";
54
+ readonly colorBorderWhite: "var(--color-border-white)";
55
+ readonly colorTextPrimary: "var(--color-text-primary)";
56
+ readonly colorTextSecondary: "var(--color-text-secondary)";
57
+ readonly colorTextInverse: "var(--color-text-inverse)";
58
+ readonly colorAvatarsTeal: "var(--color-avatars-teal)";
59
+ readonly colorAvatarsPurple: "var(--color-avatars-purple)";
60
+ readonly colorAvatarsGreen: "var(--color-avatars-green)";
61
+ readonly colorAvatarsOrange: "var(--color-avatars-orange)";
47
62
  };
48
63
  export type TokenKey = keyof typeof t;
49
64
  //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/gs/semantic-colors/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/gs/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/gs/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts CHANGED
@@ -41,9 +41,24 @@ export declare const t: {
41
41
  readonly colorFeedbackNegativeBackground: "var(--color-feedback-negative-background)";
42
42
  readonly colorFeedbackNegativeIcon: "var(--color-feedback-negative-icon)";
43
43
  readonly colorFeedbackNegativeBorder: "var(--color-feedback-negative-border)";
44
+ readonly colorFeedbackNegativeText: "var(--color-feedback-negative-text)";
44
45
  readonly colorFeedbackWarningBackground: "var(--color-feedback-warning-background)";
45
46
  readonly colorFeedbackWarningIcon: "var(--color-feedback-warning-icon)";
46
47
  readonly colorFeedbackWarningBorder: "var(--color-feedback-warning-border)";
48
+ readonly colorSurfaceDefault: "var(--color-surface-default)";
49
+ readonly colorSurfaceSubtle: "var(--color-surface-subtle)";
50
+ readonly colorSurfaceHover: "var(--color-surface-hover)";
51
+ readonly colorSurfaceIconsMedium: "var(--color-surface-icons-medium)";
52
+ readonly colorSurfaceIconsDefault: "var(--color-surface-icons-default)";
53
+ readonly colorBorderDefault: "var(--color-border-default)";
54
+ readonly colorBorderWhite: "var(--color-border-white)";
55
+ readonly colorTextPrimary: "var(--color-text-primary)";
56
+ readonly colorTextSecondary: "var(--color-text-secondary)";
57
+ readonly colorTextInverse: "var(--color-text-inverse)";
58
+ readonly colorAvatarsTeal: "var(--color-avatars-teal)";
59
+ readonly colorAvatarsPurple: "var(--color-avatars-purple)";
60
+ readonly colorAvatarsGreen: "var(--color-avatars-green)";
61
+ readonly colorAvatarsOrange: "var(--color-avatars-orange)";
47
62
  };
48
63
  export type TokenKey = keyof typeof t;
49
64
  //# sourceMappingURL=tokens.d.ts.map
package/dist/src/tokens/output/sk/semantic-colors/tokens.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/sk/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8CJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
1
+ {"version":3,"file":"tokens.d.ts","sourceRoot":"","sources":["../../../../../../src/tokens/output/sk/semantic-colors/tokens.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DJ,CAAC;AAEX,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,CAAC,CAAC"}
package/dist/src/tokens/output/sk/tokens.d.ts CHANGED
@@ -49,16 +49,16 @@ export declare const t: {
49
49
  readonly yellow700: "var(--yellow-700)";
50
50
  readonly yellow800: "var(--yellow-800)";
51
51
  readonly yellow900: "var(--yellow-900)";
52
- readonly pinkPurple50: "var(--pink-purple-50)";
53
- readonly pinkPurple100: "var(--pink-purple-100)";
54
- readonly pinkPurple200: "var(--pink-purple-200)";
55
- readonly pinkPurple300: "var(--pink-purple-300)";
56
- readonly pinkPurple400: "var(--pink-purple-400)";
57
- readonly pinkPurple500: "var(--pink-purple-500)";
58
- readonly pinkPurple600: "var(--pink-purple-600)";
59
- readonly pinkPurple700: "var(--pink-purple-700)";
60
- readonly pinkPurple800: "var(--pink-purple-800)";
61
- readonly pinkPurple900: "var(--pink-purple-900)";
52
+ readonly purple50: "var(--purple-50)";
53
+ readonly purple100: "var(--purple-100)";
54
+ readonly purple200: "var(--purple-200)";
55
+ readonly purple300: "var(--purple-300)";
56
+ readonly purple400: "var(--purple-400)";
57
+ readonly purple500: "var(--purple-500)";
58
+ readonly purple600: "var(--purple-600)";
59
+ readonly purple700: "var(--purple-700)";
60
+ readonly purple800: "var(--purple-800)";
61
+ readonly purple900: "var(--purple-900)";
62
62
  readonly lightBlue50: "var(--light-blue-50)";
63
63
  readonly lightBlue100: "var(--light-blue-100)";
64
64
  readonly lightBlue200: "var(--light-blue-200)";
package/dist/themes/theme-gs.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --steel-50: #f8f8fa;
26
26
  --steel-100: #f0f1f4;
27
27
  --steel-200: #e9e9ef;
28
- --steel-300: #e9e9ef;
28
+ --steel-300: #dadbe5;
29
29
  --steel-400: #c3c5d5;
30
30
  --steel-500: #555978;
31
31
  --steel-600: #43465f;
@@ -200,9 +200,24 @@
200
200
  --color-feedback-negative-background: #ffefee;
201
201
  --color-feedback-negative-icon: #cc2f1f;
202
202
  --color-feedback-negative-border: #770f05;
203
+ --color-feedback-negative-text: #cc2f1f;
203
204
  --color-feedback-warning-background: #fffcf3;
204
205
  --color-feedback-warning-icon: #f4c244;
205
206
  --color-feedback-warning-border: #976c00;
207
+ --color-surface-default: #ffffff;
208
+ --color-surface-subtle: #f0f1f4;
209
+ --color-surface-hover: #f4f6fb;
210
+ --color-surface-icons-medium: #131e29;
211
+ --color-surface-icons-default: #555978;
212
+ --color-border-default: #dadbe5;
213
+ --color-border-white: #ffffff;
214
+ --color-text-primary: #131e29;
215
+ --color-text-secondary: #555978;
216
+ --color-text-inverse: #ffffff;
217
+ --color-avatars-teal: #ee5f96;
218
+ --color-avatars-purple: #9f80ff;
219
+ --color-avatars-green: #5dc18b;
220
+ --color-avatars-orange: #ff6b4a;
206
221
  }
207
222
 
208
223
  /**
@@ -247,12 +262,13 @@
247
262
  --font-desktop-heading-font-size-h4: 1.125rem;
248
263
  --font-desktop-heading-font-size-h5: 1rem;
249
264
  --font-desktop-heading-font-size-h6: 0.875rem;
250
- --font-desktop-heading-font-weight-h1: 600;
251
- --font-desktop-heading-font-weight-h2: 600;
252
- --font-desktop-heading-font-weight-h3: 600;
253
- --font-desktop-heading-font-weight-h4: 600;
254
- --font-desktop-heading-font-weight-h5: 600;
255
- --font-desktop-heading-font-weight-h6: 600;
265
+ --font-desktop-heading-font-weight-h1-semibold: 600;
266
+ --font-desktop-heading-font-weight-h2-semibold: 600;
267
+ --font-desktop-heading-font-weight-h3-semibold: 600;
268
+ --font-desktop-heading-font-weight-h4-semibold: 600;
269
+ --font-desktop-heading-font-weight-h5-semibold: 600;
270
+ --font-desktop-heading-font-weight-h6-semibold: 600;
271
+ --font-desktop-heading-font-weight-bold: 700;
256
272
  --font-desktop-heading-line-height-h1: 3rem;
257
273
  --font-desktop-heading-line-height-h2: 2rem;
258
274
  --font-desktop-heading-line-height-h3: 1.75rem;
@@ -265,10 +281,11 @@
265
281
  --font-desktop-subtitle-font-weight-sm: 500;
266
282
  --font-desktop-subtitle-line-height-lg: 1.75rem;
267
283
  --font-desktop-subtitle-line-height-md: 1.5rem;
268
- --font-desktop-body-font-weight-md: 400;
269
- --font-desktop-body-font-weight-sm: 400;
284
+ --font-desktop-body-font-weight-medium: 500;
270
285
  --font-desktop-body-font-size-md: 1rem;
271
286
  --font-desktop-body-font-size-sm: 0.875rem;
287
+ --font-desktop-body-line-height-md: 1.5rem;
288
+ --font-desktop-body-line-height-sm: 1.25rem;
272
289
  --font-desktop-label-font-size: 0.75rem;
273
290
  --font-desktop-label-font-weight-bold: 700;
274
291
  --font-desktop-label-font-weight-semi-bold: 600;
package/dist/themes/theme-sk.css CHANGED
@@ -25,7 +25,7 @@
25
25
  --steel-50: #f8f8fa;
26
26
  --steel-100: #f0f1f4;
27
27
  --steel-200: #e9e9ef;
28
- --steel-300: #e9e9ef;
28
+ --steel-300: #dadbe5;
29
29
  --steel-400: #c3c5d5;
30
30
  --steel-500: #555978;
31
31
  --steel-600: #43465f;
@@ -141,16 +141,16 @@
141
141
  --yellow-700: #ad8c25;
142
142
  --yellow-800: #866c1d;
143
143
  --yellow-900: #665316;
144
- --pink-purple-50: #f6edf6;
145
- --pink-purple-100: #e2c7e4;
146
- --pink-purple-200: #d4abd7;
147
- --pink-purple-300: #c185c5;
148
- --pink-purple-400: #b56db9;
149
- --pink-purple-500: #a249a8;
150
- --pink-purple-600: #934299;
151
- --pink-purple-700: #733477;
152
- --pink-purple-800: #59285c;
153
- --pink-purple-900: #441f47;
144
+ --purple-50: #f6edf6;
145
+ --purple-100: #e2c7e4;
146
+ --purple-200: #d4abd7;
147
+ --purple-300: #c185c5;
148
+ --purple-400: #b56db9;
149
+ --purple-500: #a249a8;
150
+ --purple-600: #934299;
151
+ --purple-700: #733477;
152
+ --purple-800: #59285c;
153
+ --purple-900: #441f47;
154
154
  --light-blue-50: #e8f6f8;
155
155
  --light-blue-100: #b7e4e8;
156
156
  --light-blue-200: #95d7dd;
@@ -210,9 +210,24 @@
210
210
  --color-feedback-negative-background: #ffefee;
211
211
  --color-feedback-negative-icon: #cc2f1f;
212
212
  --color-feedback-negative-border: #770f05;
213
+ --color-feedback-negative-text: #cc2f1f;
213
214
  --color-feedback-warning-background: #fffcf3;
214
215
  --color-feedback-warning-icon: #f4c244;
215
216
  --color-feedback-warning-border: #976c00;
217
+ --color-surface-default: #ffffff;
218
+ --color-surface-subtle: #f0f1f4;
219
+ --color-surface-hover: #eaf1f8;
220
+ --color-surface-icons-medium: #131e29;
221
+ --color-surface-icons-default: #555978;
222
+ --color-border-default: #dadbe5;
223
+ --color-border-white: #ffffff;
224
+ --color-text-primary: #131e29;
225
+ --color-text-secondary: #555978;
226
+ --color-text-inverse: #ffffff;
227
+ --color-avatars-teal: #18a7b5;
228
+ --color-avatars-purple: #a249a8;
229
+ --color-avatars-green: #89a93a;
230
+ --color-avatars-orange: #e87415;
216
231
  }
217
232
 
218
233
  /**
@@ -257,12 +272,13 @@
257
272
  --font-desktop-heading-font-size-h4: 1.125rem;
258
273
  --font-desktop-heading-font-size-h5: 1rem;
259
274
  --font-desktop-heading-font-size-h6: 0.875rem;
260
- --font-desktop-heading-font-weight-h1: 600;
261
- --font-desktop-heading-font-weight-h2: 600;
262
- --font-desktop-heading-font-weight-h3: 600;
263
- --font-desktop-heading-font-weight-h4: 600;
264
- --font-desktop-heading-font-weight-h5: 600;
265
- --font-desktop-heading-font-weight-h6: 600;
275
+ --font-desktop-heading-font-weight-h1-semibold: 600;
276
+ --font-desktop-heading-font-weight-h2-semibold: 600;
277
+ --font-desktop-heading-font-weight-h3-semibold: 600;
278
+ --font-desktop-heading-font-weight-h4-semibold: 600;
279
+ --font-desktop-heading-font-weight-h5-semibold: 600;
280
+ --font-desktop-heading-font-weight-h6-semibold: 600;
281
+ --font-desktop-heading-font-weight-bold: 700;
266
282
  --font-desktop-heading-line-height-h1: 3rem;
267
283
  --font-desktop-heading-line-height-h2: 2rem;
268
284
  --font-desktop-heading-line-height-h3: 1.75rem;
@@ -275,10 +291,11 @@
275
291
  --font-desktop-subtitle-font-weight-sm: 500;
276
292
  --font-desktop-subtitle-line-height-lg: 1.75rem;
277
293
  --font-desktop-subtitle-line-height-md: 1.5rem;
278
- --font-desktop-body-font-weight-md: 400;
279
- --font-desktop-body-font-weight-sm: 400;
294
+ --font-desktop-body-font-weight-medium: 500;
280
295
  --font-desktop-body-font-size-md: 1rem;
281
296
  --font-desktop-body-font-size-sm: 0.875rem;
297
+ --font-desktop-body-line-height-md: 1.5rem;
298
+ --font-desktop-body-line-height-sm: 1.25rem;
282
299
  --font-desktop-label-font-size: 0.75rem;
283
300
  --font-desktop-label-font-weight-bold: 700;
284
301
  --font-desktop-label-font-weight-semi-bold: 600;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gostudent/shared-ui-library",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
package/src/tokens/output/base/global-colours/variables.css CHANGED
@@ -18,7 +18,7 @@
18
18
  --steel-50: #f8f8fa;
19
19
  --steel-100: #f0f1f4;
20
20
  --steel-200: #e9e9ef;
21
- --steel-300: #e9e9ef;
21
+ --steel-300: #dadbe5;
22
22
  --steel-400: #c3c5d5;
23
23
  --steel-500: #555978;
24
24
  --steel-600: #43465f;
package/src/tokens/output/base/semantic-font-desktop/tokens.d.ts CHANGED
@@ -6,12 +6,13 @@ export declare const t: {
6
6
  readonly fontDesktopHeadingFontSizeH4: string;
7
7
  readonly fontDesktopHeadingFontSizeH5: string;
8
8
  readonly fontDesktopHeadingFontSizeH6: string;
9
- readonly fontDesktopHeadingFontWeightH1: string;
10
- readonly fontDesktopHeadingFontWeightH2: string;
11
- readonly fontDesktopHeadingFontWeightH3: string;
12
- readonly fontDesktopHeadingFontWeightH4: string;
13
- readonly fontDesktopHeadingFontWeightH5: string;
14
- readonly fontDesktopHeadingFontWeightH6: string;
9
+ readonly fontDesktopHeadingFontWeightH1Semibold: string;
10
+ readonly fontDesktopHeadingFontWeightH2Semibold: string;
11
+ readonly fontDesktopHeadingFontWeightH3Semibold: string;
12
+ readonly fontDesktopHeadingFontWeightH4Semibold: string;
13
+ readonly fontDesktopHeadingFontWeightH5Semibold: string;
14
+ readonly fontDesktopHeadingFontWeightH6Semibold: string;
15
+ readonly fontDesktopHeadingFontWeightBold: string;
15
16
  readonly fontDesktopHeadingLineHeightH1: string;
16
17
  readonly fontDesktopHeadingLineHeightH2: string;
17
18
  readonly fontDesktopHeadingLineHeightH3: string;
@@ -24,10 +25,11 @@ export declare const t: {
24
25
  readonly fontDesktopSubtitleFontWeightSm: string;
25
26
  readonly fontDesktopSubtitleLineHeightLg: string;
26
27
  readonly fontDesktopSubtitleLineHeightMd: string;
27
- readonly fontDesktopBodyFontWeightMd: string;
28
- readonly fontDesktopBodyFontWeightSm: string;
28
+ readonly fontDesktopBodyFontWeightMedium: string;
29
29
  readonly fontDesktopBodyFontSizeMd: string;
30
30
  readonly fontDesktopBodyFontSizeSm: string;
31
+ readonly fontDesktopBodyLineHeightMd: string;
32
+ readonly fontDesktopBodyLineHeightSm: string;
31
33
  readonly fontDesktopLabelFontSize: string;
32
34
  readonly fontDesktopLabelFontWeightBold: string;
33
35
  readonly fontDesktopLabelFontWeightSemiBold: string;
package/src/tokens/output/base/semantic-font-desktop/tokens.js CHANGED
@@ -6,12 +6,13 @@ export const t = {
6
6
  fontDesktopHeadingFontSizeH4: 'var(--font-desktop-heading-font-size-h4)',
7
7
  fontDesktopHeadingFontSizeH5: 'var(--font-desktop-heading-font-size-h5)',
8
8
  fontDesktopHeadingFontSizeH6: 'var(--font-desktop-heading-font-size-h6)',
9
- fontDesktopHeadingFontWeightH1: 'var(--font-desktop-heading-font-weight-h1)',
10
- fontDesktopHeadingFontWeightH2: 'var(--font-desktop-heading-font-weight-h2)',
11
- fontDesktopHeadingFontWeightH3: 'var(--font-desktop-heading-font-weight-h3)',
12
- fontDesktopHeadingFontWeightH4: 'var(--font-desktop-heading-font-weight-h4)',
13
- fontDesktopHeadingFontWeightH5: 'var(--font-desktop-heading-font-weight-h5)',
14
- fontDesktopHeadingFontWeightH6: 'var(--font-desktop-heading-font-weight-h6)',
9
+ fontDesktopHeadingFontWeightH1Semibold: 'var(--font-desktop-heading-font-weight-h1-semibold)',
10
+ fontDesktopHeadingFontWeightH2Semibold: 'var(--font-desktop-heading-font-weight-h2-semibold)',
11
+ fontDesktopHeadingFontWeightH3Semibold: 'var(--font-desktop-heading-font-weight-h3-semibold)',
12
+ fontDesktopHeadingFontWeightH4Semibold: 'var(--font-desktop-heading-font-weight-h4-semibold)',
13
+ fontDesktopHeadingFontWeightH5Semibold: 'var(--font-desktop-heading-font-weight-h5-semibold)',
14
+ fontDesktopHeadingFontWeightH6Semibold: 'var(--font-desktop-heading-font-weight-h6-semibold)',
15
+ fontDesktopHeadingFontWeightBold: 'var(--font-desktop-heading-font-weight-bold)',
15
16
  fontDesktopHeadingLineHeightH1: 'var(--font-desktop-heading-line-height-h1)',
16
17
  fontDesktopHeadingLineHeightH2: 'var(--font-desktop-heading-line-height-h2)',
17
18
  fontDesktopHeadingLineHeightH3: 'var(--font-desktop-heading-line-height-h3)',
@@ -24,10 +25,11 @@ export const t = {
24
25
  fontDesktopSubtitleFontWeightSm: 'var(--font-desktop-subtitle-font-weight-sm)',
25
26
  fontDesktopSubtitleLineHeightLg: 'var(--font-desktop-subtitle-line-height-lg)',
26
27
  fontDesktopSubtitleLineHeightMd: 'var(--font-desktop-subtitle-line-height-md)',
27
- fontDesktopBodyFontWeightMd: 'var(--font-desktop-body-font-weight-md)',
28
- fontDesktopBodyFontWeightSm: 'var(--font-desktop-body-font-weight-sm)',
28
+ fontDesktopBodyFontWeightMedium: 'var(--font-desktop-body-font-weight-medium)',
29
29
  fontDesktopBodyFontSizeMd: 'var(--font-desktop-body-font-size-md)',
30
30
  fontDesktopBodyFontSizeSm: 'var(--font-desktop-body-font-size-sm)',
31
+ fontDesktopBodyLineHeightMd: 'var(--font-desktop-body-line-height-md)',
32
+ fontDesktopBodyLineHeightSm: 'var(--font-desktop-body-line-height-sm)',
31
33
  fontDesktopLabelFontSize: 'var(--font-desktop-label-font-size)',
32
34
  fontDesktopLabelFontWeightBold: 'var(--font-desktop-label-font-weight-bold)',
33
35
  fontDesktopLabelFontWeightSemiBold: 'var(--font-desktop-label-font-weight-semi-bold)',
package/src/tokens/output/base/semantic-font-desktop/tokens.ts CHANGED
@@ -6,12 +6,13 @@ export const t = {
6
6
  fontDesktopHeadingFontSizeH4: 'var(--font-desktop-heading-font-size-h4)',
7
7
  fontDesktopHeadingFontSizeH5: 'var(--font-desktop-heading-font-size-h5)',
8
8
  fontDesktopHeadingFontSizeH6: 'var(--font-desktop-heading-font-size-h6)',
9
- fontDesktopHeadingFontWeightH1: 'var(--font-desktop-heading-font-weight-h1)',
10
- fontDesktopHeadingFontWeightH2: 'var(--font-desktop-heading-font-weight-h2)',
11
- fontDesktopHeadingFontWeightH3: 'var(--font-desktop-heading-font-weight-h3)',
12
- fontDesktopHeadingFontWeightH4: 'var(--font-desktop-heading-font-weight-h4)',
13
- fontDesktopHeadingFontWeightH5: 'var(--font-desktop-heading-font-weight-h5)',
14
- fontDesktopHeadingFontWeightH6: 'var(--font-desktop-heading-font-weight-h6)',
9
+ fontDesktopHeadingFontWeightH1Semibold: 'var(--font-desktop-heading-font-weight-h1-semibold)',
10
+ fontDesktopHeadingFontWeightH2Semibold: 'var(--font-desktop-heading-font-weight-h2-semibold)',
11
+ fontDesktopHeadingFontWeightH3Semibold: 'var(--font-desktop-heading-font-weight-h3-semibold)',
12
+ fontDesktopHeadingFontWeightH4Semibold: 'var(--font-desktop-heading-font-weight-h4-semibold)',
13
+ fontDesktopHeadingFontWeightH5Semibold: 'var(--font-desktop-heading-font-weight-h5-semibold)',
14
+ fontDesktopHeadingFontWeightH6Semibold: 'var(--font-desktop-heading-font-weight-h6-semibold)',
15
+ fontDesktopHeadingFontWeightBold: 'var(--font-desktop-heading-font-weight-bold)',
15
16
  fontDesktopHeadingLineHeightH1: 'var(--font-desktop-heading-line-height-h1)',
16
17
  fontDesktopHeadingLineHeightH2: 'var(--font-desktop-heading-line-height-h2)',
17
18
  fontDesktopHeadingLineHeightH3: 'var(--font-desktop-heading-line-height-h3)',
@@ -24,10 +25,11 @@ export const t = {
24
25
  fontDesktopSubtitleFontWeightSm: 'var(--font-desktop-subtitle-font-weight-sm)',
25
26
  fontDesktopSubtitleLineHeightLg: 'var(--font-desktop-subtitle-line-height-lg)',
26
27
  fontDesktopSubtitleLineHeightMd: 'var(--font-desktop-subtitle-line-height-md)',
27
- fontDesktopBodyFontWeightMd: 'var(--font-desktop-body-font-weight-md)',
28
- fontDesktopBodyFontWeightSm: 'var(--font-desktop-body-font-weight-sm)',
28
+ fontDesktopBodyFontWeightMedium: 'var(--font-desktop-body-font-weight-medium)',
29
29
  fontDesktopBodyFontSizeMd: 'var(--font-desktop-body-font-size-md)',
30
30
  fontDesktopBodyFontSizeSm: 'var(--font-desktop-body-font-size-sm)',
31
+ fontDesktopBodyLineHeightMd: 'var(--font-desktop-body-line-height-md)',
32
+ fontDesktopBodyLineHeightSm: 'var(--font-desktop-body-line-height-sm)',
31
33
  fontDesktopLabelFontSize: 'var(--font-desktop-label-font-size)',
32
34
  fontDesktopLabelFontWeightBold: 'var(--font-desktop-label-font-weight-bold)',
33
35
  fontDesktopLabelFontWeightSemiBold: 'var(--font-desktop-label-font-weight-semi-bold)',
package/src/tokens/output/base/semantic-font-desktop/variables.css CHANGED
@@ -9,12 +9,13 @@
9
9
  --font-desktop-heading-font-size-h4: 1.125rem;
10
10
  --font-desktop-heading-font-size-h5: 1rem;
11
11
  --font-desktop-heading-font-size-h6: 0.875rem;
12
- --font-desktop-heading-font-weight-h1: 600;
13
- --font-desktop-heading-font-weight-h2: 600;
14
- --font-desktop-heading-font-weight-h3: 600;
15
- --font-desktop-heading-font-weight-h4: 600;
16
- --font-desktop-heading-font-weight-h5: 600;
17
- --font-desktop-heading-font-weight-h6: 600;
12
+ --font-desktop-heading-font-weight-h1-semibold: 600;
13
+ --font-desktop-heading-font-weight-h2-semibold: 600;
14
+ --font-desktop-heading-font-weight-h3-semibold: 600;
15
+ --font-desktop-heading-font-weight-h4-semibold: 600;
16
+ --font-desktop-heading-font-weight-h5-semibold: 600;
17
+ --font-desktop-heading-font-weight-h6-semibold: 600;
18
+ --font-desktop-heading-font-weight-bold: 700;
18
19
  --font-desktop-heading-line-height-h1: 3rem;
19
20
  --font-desktop-heading-line-height-h2: 2rem;
20
21
  --font-desktop-heading-line-height-h3: 1.75rem;
@@ -27,10 +28,11 @@
27
28
  --font-desktop-subtitle-font-weight-sm: 500;
28
29
  --font-desktop-subtitle-line-height-lg: 1.75rem;
29
30
  --font-desktop-subtitle-line-height-md: 1.5rem;
30
- --font-desktop-body-font-weight-md: 400;
31
- --font-desktop-body-font-weight-sm: 400;
31
+ --font-desktop-body-font-weight-medium: 500;
32
32
  --font-desktop-body-font-size-md: 1rem;
33
33
  --font-desktop-body-font-size-sm: 0.875rem;
34
+ --font-desktop-body-line-height-md: 1.5rem;
35
+ --font-desktop-body-line-height-sm: 1.25rem;
34
36
  --font-desktop-label-font-size: 0.75rem;
35
37
  --font-desktop-label-font-weight-bold: 700;
36
38
  --font-desktop-label-font-weight-semi-bold: 600;
package/src/tokens/output/base/variables.css CHANGED
@@ -24,7 +24,7 @@
24
24
  --steel-50: #f8f8fa;
25
25
  --steel-100: #f0f1f4;
26
26
  --steel-200: #e9e9ef;
27
- --steel-300: #e9e9ef;
27
+ --steel-300: #dadbe5;
28
28
  --steel-400: #c3c5d5;
29
29
  --steel-500: #555978;
30
30
  --steel-600: #43465f;
package/src/tokens/output/gs/semantic-colors/tokens.d.ts CHANGED
@@ -42,9 +42,24 @@ export declare const t: {
42
42
  readonly colorFeedbackNegativeBackground: string;
43
43
  readonly colorFeedbackNegativeIcon: string;
44
44
  readonly colorFeedbackNegativeBorder: string;
45
+ readonly colorFeedbackNegativeText: string;
45
46
  readonly colorFeedbackWarningBackground: string;
46
47
  readonly colorFeedbackWarningIcon: string;
47
- readonly colorFeedbackWarningBorder: string
48
+ readonly colorFeedbackWarningBorder: string;
49
+ readonly colorSurfaceDefault: string;
50
+ readonly colorSurfaceSubtle: string;
51
+ readonly colorSurfaceHover: string;
52
+ readonly colorSurfaceIconsMedium: string;
53
+ readonly colorSurfaceIconsDefault: string;
54
+ readonly colorBorderDefault: string;
55
+ readonly colorBorderWhite: string;
56
+ readonly colorTextPrimary: string;
57
+ readonly colorTextSecondary: string;
58
+ readonly colorTextInverse: string;
59
+ readonly colorAvatarsTeal: string;
60
+ readonly colorAvatarsPurple: string;
61
+ readonly colorAvatarsGreen: string;
62
+ readonly colorAvatarsOrange: string
48
63
  };
49
64
 
50
65
  export type TokenKey = keyof typeof t;
package/src/tokens/output/gs/semantic-colors/tokens.js CHANGED
@@ -42,7 +42,22 @@ export const t = {
42
42
  colorFeedbackNegativeBackground: 'var(--color-feedback-negative-background)',
43
43
  colorFeedbackNegativeIcon: 'var(--color-feedback-negative-icon)',
44
44
  colorFeedbackNegativeBorder: 'var(--color-feedback-negative-border)',
45
+ colorFeedbackNegativeText: 'var(--color-feedback-negative-text)',
45
46
  colorFeedbackWarningBackground: 'var(--color-feedback-warning-background)',
46
47
  colorFeedbackWarningIcon: 'var(--color-feedback-warning-icon)',
47
- colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)'
48
+ colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)',
49
+ colorSurfaceDefault: 'var(--color-surface-default)',
50
+ colorSurfaceSubtle: 'var(--color-surface-subtle)',
51
+ colorSurfaceHover: 'var(--color-surface-hover)',
52
+ colorSurfaceIconsMedium: 'var(--color-surface-icons-medium)',
53
+ colorSurfaceIconsDefault: 'var(--color-surface-icons-default)',
54
+ colorBorderDefault: 'var(--color-border-default)',
55
+ colorBorderWhite: 'var(--color-border-white)',
56
+ colorTextPrimary: 'var(--color-text-primary)',
57
+ colorTextSecondary: 'var(--color-text-secondary)',
58
+ colorTextInverse: 'var(--color-text-inverse)',
59
+ colorAvatarsTeal: 'var(--color-avatars-teal)',
60
+ colorAvatarsPurple: 'var(--color-avatars-purple)',
61
+ colorAvatarsGreen: 'var(--color-avatars-green)',
62
+ colorAvatarsOrange: 'var(--color-avatars-orange)'
48
63
  };
package/src/tokens/output/gs/semantic-colors/tokens.ts CHANGED
@@ -42,9 +42,24 @@ export const t = {
42
42
  colorFeedbackNegativeBackground: 'var(--color-feedback-negative-background)',
43
43
  colorFeedbackNegativeIcon: 'var(--color-feedback-negative-icon)',
44
44
  colorFeedbackNegativeBorder: 'var(--color-feedback-negative-border)',
45
+ colorFeedbackNegativeText: 'var(--color-feedback-negative-text)',
45
46
  colorFeedbackWarningBackground: 'var(--color-feedback-warning-background)',
46
47
  colorFeedbackWarningIcon: 'var(--color-feedback-warning-icon)',
47
- colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)'
48
+ colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)',
49
+ colorSurfaceDefault: 'var(--color-surface-default)',
50
+ colorSurfaceSubtle: 'var(--color-surface-subtle)',
51
+ colorSurfaceHover: 'var(--color-surface-hover)',
52
+ colorSurfaceIconsMedium: 'var(--color-surface-icons-medium)',
53
+ colorSurfaceIconsDefault: 'var(--color-surface-icons-default)',
54
+ colorBorderDefault: 'var(--color-border-default)',
55
+ colorBorderWhite: 'var(--color-border-white)',
56
+ colorTextPrimary: 'var(--color-text-primary)',
57
+ colorTextSecondary: 'var(--color-text-secondary)',
58
+ colorTextInverse: 'var(--color-text-inverse)',
59
+ colorAvatarsTeal: 'var(--color-avatars-teal)',
60
+ colorAvatarsPurple: 'var(--color-avatars-purple)',
61
+ colorAvatarsGreen: 'var(--color-avatars-green)',
62
+ colorAvatarsOrange: 'var(--color-avatars-orange)'
48
63
  } as const;
49
64
 
50
65
  export type TokenKey = keyof typeof t;
package/src/tokens/output/gs/semantic-colors/variables.css CHANGED
@@ -45,7 +45,22 @@
45
45
  --color-feedback-negative-background: #ffefee;
46
46
  --color-feedback-negative-icon: #cc2f1f;
47
47
  --color-feedback-negative-border: #770f05;
48
+ --color-feedback-negative-text: #cc2f1f;
48
49
  --color-feedback-warning-background: #fffcf3;
49
50
  --color-feedback-warning-icon: #f4c244;
50
51
  --color-feedback-warning-border: #976c00;
52
+ --color-surface-default: #ffffff;
53
+ --color-surface-subtle: #f0f1f4;
54
+ --color-surface-hover: #f4f6fb;
55
+ --color-surface-icons-medium: #131e29;
56
+ --color-surface-icons-default: #555978;
57
+ --color-border-default: #dadbe5;
58
+ --color-border-white: #ffffff;
59
+ --color-text-primary: #131e29;
60
+ --color-text-secondary: #555978;
61
+ --color-text-inverse: #ffffff;
62
+ --color-avatars-teal: #ee5f96;
63
+ --color-avatars-purple: #9f80ff;
64
+ --color-avatars-green: #5dc18b;
65
+ --color-avatars-orange: #ff6b4a;
51
66
  }
package/src/tokens/output/sk/semantic-colors/tokens.d.ts CHANGED
@@ -42,9 +42,24 @@ export declare const t: {
42
42
  readonly colorFeedbackNegativeBackground: string;
43
43
  readonly colorFeedbackNegativeIcon: string;
44
44
  readonly colorFeedbackNegativeBorder: string;
45
+ readonly colorFeedbackNegativeText: string;
45
46
  readonly colorFeedbackWarningBackground: string;
46
47
  readonly colorFeedbackWarningIcon: string;
47
- readonly colorFeedbackWarningBorder: string
48
+ readonly colorFeedbackWarningBorder: string;
49
+ readonly colorSurfaceDefault: string;
50
+ readonly colorSurfaceSubtle: string;
51
+ readonly colorSurfaceHover: string;
52
+ readonly colorSurfaceIconsMedium: string;
53
+ readonly colorSurfaceIconsDefault: string;
54
+ readonly colorBorderDefault: string;
55
+ readonly colorBorderWhite: string;
56
+ readonly colorTextPrimary: string;
57
+ readonly colorTextSecondary: string;
58
+ readonly colorTextInverse: string;
59
+ readonly colorAvatarsTeal: string;
60
+ readonly colorAvatarsPurple: string;
61
+ readonly colorAvatarsGreen: string;
62
+ readonly colorAvatarsOrange: string
48
63
  };
49
64
 
50
65
  export type TokenKey = keyof typeof t;
package/src/tokens/output/sk/semantic-colors/tokens.js CHANGED
@@ -42,7 +42,22 @@ export const t = {
42
42
  colorFeedbackNegativeBackground: 'var(--color-feedback-negative-background)',
43
43
  colorFeedbackNegativeIcon: 'var(--color-feedback-negative-icon)',
44
44
  colorFeedbackNegativeBorder: 'var(--color-feedback-negative-border)',
45
+ colorFeedbackNegativeText: 'var(--color-feedback-negative-text)',
45
46
  colorFeedbackWarningBackground: 'var(--color-feedback-warning-background)',
46
47
  colorFeedbackWarningIcon: 'var(--color-feedback-warning-icon)',
47
- colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)'
48
+ colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)',
49
+ colorSurfaceDefault: 'var(--color-surface-default)',
50
+ colorSurfaceSubtle: 'var(--color-surface-subtle)',
51
+ colorSurfaceHover: 'var(--color-surface-hover)',
52
+ colorSurfaceIconsMedium: 'var(--color-surface-icons-medium)',
53
+ colorSurfaceIconsDefault: 'var(--color-surface-icons-default)',
54
+ colorBorderDefault: 'var(--color-border-default)',
55
+ colorBorderWhite: 'var(--color-border-white)',
56
+ colorTextPrimary: 'var(--color-text-primary)',
57
+ colorTextSecondary: 'var(--color-text-secondary)',
58
+ colorTextInverse: 'var(--color-text-inverse)',
59
+ colorAvatarsTeal: 'var(--color-avatars-teal)',
60
+ colorAvatarsPurple: 'var(--color-avatars-purple)',
61
+ colorAvatarsGreen: 'var(--color-avatars-green)',
62
+ colorAvatarsOrange: 'var(--color-avatars-orange)'
48
63
  };
package/src/tokens/output/sk/semantic-colors/tokens.ts CHANGED
@@ -42,9 +42,24 @@ export const t = {
42
42
  colorFeedbackNegativeBackground: 'var(--color-feedback-negative-background)',
43
43
  colorFeedbackNegativeIcon: 'var(--color-feedback-negative-icon)',
44
44
  colorFeedbackNegativeBorder: 'var(--color-feedback-negative-border)',
45
+ colorFeedbackNegativeText: 'var(--color-feedback-negative-text)',
45
46
  colorFeedbackWarningBackground: 'var(--color-feedback-warning-background)',
46
47
  colorFeedbackWarningIcon: 'var(--color-feedback-warning-icon)',
47
- colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)'
48
+ colorFeedbackWarningBorder: 'var(--color-feedback-warning-border)',
49
+ colorSurfaceDefault: 'var(--color-surface-default)',
50
+ colorSurfaceSubtle: 'var(--color-surface-subtle)',
51
+ colorSurfaceHover: 'var(--color-surface-hover)',
52
+ colorSurfaceIconsMedium: 'var(--color-surface-icons-medium)',
53
+ colorSurfaceIconsDefault: 'var(--color-surface-icons-default)',
54
+ colorBorderDefault: 'var(--color-border-default)',
55
+ colorBorderWhite: 'var(--color-border-white)',
56
+ colorTextPrimary: 'var(--color-text-primary)',
57
+ colorTextSecondary: 'var(--color-text-secondary)',
58
+ colorTextInverse: 'var(--color-text-inverse)',
59
+ colorAvatarsTeal: 'var(--color-avatars-teal)',
60
+ colorAvatarsPurple: 'var(--color-avatars-purple)',
61
+ colorAvatarsGreen: 'var(--color-avatars-green)',
62
+ colorAvatarsOrange: 'var(--color-avatars-orange)'
48
63
  } as const;
49
64
 
50
65
  export type TokenKey = keyof typeof t;
package/src/tokens/output/sk/semantic-colors/variables.css CHANGED
@@ -45,7 +45,22 @@
45
45
  --color-feedback-negative-background: #ffefee;
46
46
  --color-feedback-negative-icon: #cc2f1f;
47
47
  --color-feedback-negative-border: #770f05;
48
+ --color-feedback-negative-text: #cc2f1f;
48
49
  --color-feedback-warning-background: #fffcf3;
49
50
  --color-feedback-warning-icon: #f4c244;
50
51
  --color-feedback-warning-border: #976c00;
52
+ --color-surface-default: #ffffff;
53
+ --color-surface-subtle: #f0f1f4;
54
+ --color-surface-hover: #eaf1f8;
55
+ --color-surface-icons-medium: #131e29;
56
+ --color-surface-icons-default: #555978;
57
+ --color-border-default: #dadbe5;
58
+ --color-border-white: #ffffff;
59
+ --color-text-primary: #131e29;
60
+ --color-text-secondary: #555978;
61
+ --color-text-inverse: #ffffff;
62
+ --color-avatars-teal: #18a7b5;
63
+ --color-avatars-purple: #a249a8;
64
+ --color-avatars-green: #89a93a;
65
+ --color-avatars-orange: #e87415;
51
66
  }
package/src/tokens/output/sk/tokens.d.ts CHANGED
@@ -50,16 +50,16 @@ export declare const t: {
50
50
  readonly yellow700: string;
51
51
  readonly yellow800: string;
52
52
  readonly yellow900: string;
53
- readonly pinkPurple50: string;
54
- readonly pinkPurple100: string;
55
- readonly pinkPurple200: string;
56
- readonly pinkPurple300: string;
57
- readonly pinkPurple400: string;
58
- readonly pinkPurple500: string;
59
- readonly pinkPurple600: string;
60
- readonly pinkPurple700: string;
61
- readonly pinkPurple800: string;
62
- readonly pinkPurple900: string;
53
+ readonly purple50: string;
54
+ readonly purple100: string;
55
+ readonly purple200: string;
56
+ readonly purple300: string;
57
+ readonly purple400: string;
58
+ readonly purple500: string;
59
+ readonly purple600: string;
60
+ readonly purple700: string;
61
+ readonly purple800: string;
62
+ readonly purple900: string;
63
63
  readonly lightBlue50: string;
64
64
  readonly lightBlue100: string;
65
65
  readonly lightBlue200: string;
package/src/tokens/output/sk/tokens.js CHANGED
@@ -50,16 +50,16 @@ export const t = {
50
50
  yellow700: 'var(--yellow-700)',
51
51
  yellow800: 'var(--yellow-800)',
52
52
  yellow900: 'var(--yellow-900)',
53
- pinkPurple50: 'var(--pink-purple-50)',
54
- pinkPurple100: 'var(--pink-purple-100)',
55
- pinkPurple200: 'var(--pink-purple-200)',
56
- pinkPurple300: 'var(--pink-purple-300)',
57
- pinkPurple400: 'var(--pink-purple-400)',
58
- pinkPurple500: 'var(--pink-purple-500)',
59
- pinkPurple600: 'var(--pink-purple-600)',
60
- pinkPurple700: 'var(--pink-purple-700)',
61
- pinkPurple800: 'var(--pink-purple-800)',
62
- pinkPurple900: 'var(--pink-purple-900)',
53
+ purple50: 'var(--purple-50)',
54
+ purple100: 'var(--purple-100)',
55
+ purple200: 'var(--purple-200)',
56
+ purple300: 'var(--purple-300)',
57
+ purple400: 'var(--purple-400)',
58
+ purple500: 'var(--purple-500)',
59
+ purple600: 'var(--purple-600)',
60
+ purple700: 'var(--purple-700)',
61
+ purple800: 'var(--purple-800)',
62
+ purple900: 'var(--purple-900)',
63
63
  lightBlue50: 'var(--light-blue-50)',
64
64
  lightBlue100: 'var(--light-blue-100)',
65
65
  lightBlue200: 'var(--light-blue-200)',
package/src/tokens/output/sk/tokens.ts CHANGED
@@ -50,16 +50,16 @@ export const t = {
50
50
  yellow700: 'var(--yellow-700)',
51
51
  yellow800: 'var(--yellow-800)',
52
52
  yellow900: 'var(--yellow-900)',
53
- pinkPurple50: 'var(--pink-purple-50)',
54
- pinkPurple100: 'var(--pink-purple-100)',
55
- pinkPurple200: 'var(--pink-purple-200)',
56
- pinkPurple300: 'var(--pink-purple-300)',
57
- pinkPurple400: 'var(--pink-purple-400)',
58
- pinkPurple500: 'var(--pink-purple-500)',
59
- pinkPurple600: 'var(--pink-purple-600)',
60
- pinkPurple700: 'var(--pink-purple-700)',
61
- pinkPurple800: 'var(--pink-purple-800)',
62
- pinkPurple900: 'var(--pink-purple-900)',
53
+ purple50: 'var(--purple-50)',
54
+ purple100: 'var(--purple-100)',
55
+ purple200: 'var(--purple-200)',
56
+ purple300: 'var(--purple-300)',
57
+ purple400: 'var(--purple-400)',
58
+ purple500: 'var(--purple-500)',
59
+ purple600: 'var(--purple-600)',
60
+ purple700: 'var(--purple-700)',
61
+ purple800: 'var(--purple-800)',
62
+ purple900: 'var(--purple-900)',
63
63
  lightBlue50: 'var(--light-blue-50)',
64
64
  lightBlue100: 'var(--light-blue-100)',
65
65
  lightBlue200: 'var(--light-blue-200)',
package/src/tokens/output/sk/variables.css CHANGED
@@ -53,16 +53,16 @@
53
53
  --yellow-700: #ad8c25;
54
54
  --yellow-800: #866c1d;
55
55
  --yellow-900: #665316;
56
- --pink-purple-50: #f6edf6;
57
- --pink-purple-100: #e2c7e4;
58
- --pink-purple-200: #d4abd7;
59
- --pink-purple-300: #c185c5;
60
- --pink-purple-400: #b56db9;
61
- --pink-purple-500: #a249a8;
62
- --pink-purple-600: #934299;
63
- --pink-purple-700: #733477;
64
- --pink-purple-800: #59285c;
65
- --pink-purple-900: #441f47;
56
+ --purple-50: #f6edf6;
57
+ --purple-100: #e2c7e4;
58
+ --purple-200: #d4abd7;
59
+ --purple-300: #c185c5;
60
+ --purple-400: #b56db9;
61
+ --purple-500: #a249a8;
62
+ --purple-600: #934299;
63
+ --purple-700: #733477;
64
+ --purple-800: #59285c;
65
+ --purple-900: #441f47;
66
66
  --light-blue-50: #e8f6f8;
67
67
  --light-blue-100: #b7e4e8;
68
68
  --light-blue-200: #95d7dd;