@gitlab/ui 123.6.1 → 123.8.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 (55) hide show
  1. package/dist/components/base/filtered_search/filtered_search.js +1 -1
  2. package/dist/components/base/filtered_search/filtered_search_suggestion.js +1 -1
  3. package/dist/components/base/filtered_search/filtered_search_suggestion_list.js +2 -1
  4. package/dist/components/base/filtered_search/filtered_search_term.js +10 -1
  5. package/dist/components/base/filtered_search/filtered_search_token.js +1 -1
  6. package/dist/components/base/filtered_search/filtered_search_token_segment.js +5 -1
  7. package/dist/index.css +2 -2
  8. package/dist/index.css.map +1 -1
  9. package/dist/tailwind.css +1 -1
  10. package/dist/tailwind.css.map +1 -1
  11. package/dist/tokens/build/js/tokens.dark.js +13 -1
  12. package/dist/tokens/build/js/tokens.js +13 -1
  13. package/dist/tokens/css/tokens.css +12 -0
  14. package/dist/tokens/css/tokens.dark.css +41 -29
  15. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +1759 -4206
  16. package/dist/tokens/docs/tokens-tailwind-docs.json +1759 -4206
  17. package/dist/tokens/figma/constants.tokens.json +376 -72
  18. package/dist/tokens/figma/semantic.tokens.json +13 -0
  19. package/dist/tokens/js/tokens.dark.js +39 -0
  20. package/dist/tokens/js/tokens.js +39 -0
  21. package/dist/tokens/json/tokens.dark.json +986 -2102
  22. package/dist/tokens/json/tokens.json +986 -2102
  23. package/dist/tokens/scss/_tokens.dark.scss +41 -29
  24. package/dist/tokens/scss/_tokens.scss +12 -0
  25. package/dist/tokens/scss/_tokens_custom_properties.scss +12 -0
  26. package/dist/tokens/tailwind/tokens.cjs +8 -0
  27. package/package.json +2 -2
  28. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  29. package/src/components/base/filtered_search/filtered_search_suggestion.vue +0 -2
  30. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +2 -0
  31. package/src/components/base/filtered_search/filtered_search_term.vue +12 -1
  32. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  33. package/src/components/base/filtered_search/filtered_search_token_segment.vue +36 -15
  34. package/src/scss/variables.scss +0 -3
  35. package/src/tokens/build/css/tokens.css +12 -0
  36. package/src/tokens/build/css/tokens.dark.css +41 -29
  37. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +1759 -4206
  38. package/src/tokens/build/docs/tokens-tailwind-docs.json +1759 -4206
  39. package/src/tokens/build/figma/constants.tokens.json +376 -72
  40. package/src/tokens/build/figma/semantic.tokens.json +13 -0
  41. package/src/tokens/build/js/tokens.dark.js +39 -0
  42. package/src/tokens/build/js/tokens.js +39 -0
  43. package/src/tokens/build/json/tokens.dark.json +986 -2102
  44. package/src/tokens/build/json/tokens.json +986 -2102
  45. package/src/tokens/build/scss/_tokens.dark.scss +41 -29
  46. package/src/tokens/build/scss/_tokens.scss +12 -0
  47. package/src/tokens/build/scss/_tokens_custom_properties.scss +12 -0
  48. package/src/tokens/build/tailwind/tokens.cjs +34 -0
  49. package/src/tokens/constant/border.tokens.json +4 -10
  50. package/src/tokens/constant/font.tokens.json +136 -0
  51. package/src/tokens/constant/line_height.tokens.json +70 -20
  52. package/src/tokens/constant/shadow.tokens.json +44 -11
  53. package/src/tokens/constant/spacing_scale.tokens.json +124 -31
  54. package/src/tokens/semantic/font.tokens.json +15 -0
  55. package/tailwind.defaults.js +8 -21
package/src/tokens/build/figma/semantic.tokens.json CHANGED
@@ -1823,6 +1823,19 @@
1823
1823
  }
1824
1824
  }
1825
1825
  },
1826
+ "font": {
1827
+ "size": {
1828
+ "base": {
1829
+ "$value": "{font.size.md}",
1830
+ "$type": "dimension",
1831
+ "$extensions": {
1832
+ "com.figma.scope": [
1833
+ "FONT_SIZE"
1834
+ ]
1835
+ }
1836
+ }
1837
+ }
1838
+ },
1826
1839
  "highlight": {
1827
1840
  "match": {
1828
1841
  "background": {
package/src/tokens/build/js/tokens.dark.js CHANGED
@@ -243,6 +243,45 @@ export const GL_COLOR_BRAND_GRAY_03 = '#74717a';
243
243
  export const GL_COLOR_BRAND_GRAY_04 = '#45424d';
244
244
  export const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
245
245
  export const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
246
+ export const GL_FONT_FAMILY_REGULAR = [
247
+ "var(--default-regular-font, 'GitLab Sans')",
248
+ '-apple-system',
249
+ 'BlinkMacSystemFont',
250
+ "'Segoe UI'",
251
+ 'Roboto',
252
+ "'Noto Sans'",
253
+ 'Ubuntu',
254
+ 'Cantarell',
255
+ "'Helvetica Neue'",
256
+ 'sans-serif',
257
+ "'Apple Color Emoji'",
258
+ "'Segoe UI Emoji'",
259
+ "'Segoe UI Symbol'",
260
+ "'Noto Color Emoji'",
261
+ ];
262
+ export const GL_FONT_FAMILY_MONOSPACE = [
263
+ "var(--default-mono-font, 'GitLab Mono')",
264
+ "'JetBrains Mono'",
265
+ 'Menlo',
266
+ "'DejaVu Sans Mono'",
267
+ "'Liberation Mono'",
268
+ 'Consolas',
269
+ "'Ubuntu Mono'",
270
+ "'Courier New'",
271
+ "'andale mono'",
272
+ "'lucida console'",
273
+ 'monospace',
274
+ ];
275
+ export const GL_FONT_SIZE_XS = '0.625rem';
276
+ export const GL_FONT_SIZE_SM = '0.75rem';
277
+ export const GL_FONT_SIZE_MD = '0.875rem';
278
+ export const GL_FONT_SIZE_LG = '1rem';
279
+ export const GL_FONT_SIZE_BASE = '0.875rem';
280
+ export const GL_FONT_WEIGHT_100 = '100';
281
+ export const GL_FONT_WEIGHT_300 = '300';
282
+ export const GL_FONT_WEIGHT_NORMAL = '400';
283
+ export const GL_FONT_WEIGHT_SEMIBOLD = '500';
284
+ export const GL_FONT_WEIGHT_BOLD = '600';
246
285
  export const GL_LINE_HEIGHT_12 = '0.75rem';
247
286
  export const GL_LINE_HEIGHT_16 = '1rem';
248
287
  export const GL_LINE_HEIGHT_20 = '1.25rem';
package/src/tokens/build/js/tokens.js CHANGED
@@ -243,6 +243,45 @@ export const GL_COLOR_BRAND_GRAY_03 = '#74717a';
243
243
  export const GL_COLOR_BRAND_GRAY_04 = '#45424d';
244
244
  export const GL_COLOR_BRAND_GRAY_05 = '#2b2838';
245
245
  export const GL_COLOR_BRAND_PINK_01G = '#ffb9c9';
246
+ export const GL_FONT_FAMILY_REGULAR = [
247
+ "var(--default-regular-font, 'GitLab Sans')",
248
+ '-apple-system',
249
+ 'BlinkMacSystemFont',
250
+ "'Segoe UI'",
251
+ 'Roboto',
252
+ "'Noto Sans'",
253
+ 'Ubuntu',
254
+ 'Cantarell',
255
+ "'Helvetica Neue'",
256
+ 'sans-serif',
257
+ "'Apple Color Emoji'",
258
+ "'Segoe UI Emoji'",
259
+ "'Segoe UI Symbol'",
260
+ "'Noto Color Emoji'",
261
+ ];
262
+ export const GL_FONT_FAMILY_MONOSPACE = [
263
+ "var(--default-mono-font, 'GitLab Mono')",
264
+ "'JetBrains Mono'",
265
+ 'Menlo',
266
+ "'DejaVu Sans Mono'",
267
+ "'Liberation Mono'",
268
+ 'Consolas',
269
+ "'Ubuntu Mono'",
270
+ "'Courier New'",
271
+ "'andale mono'",
272
+ "'lucida console'",
273
+ 'monospace',
274
+ ];
275
+ export const GL_FONT_SIZE_XS = '0.625rem';
276
+ export const GL_FONT_SIZE_SM = '0.75rem';
277
+ export const GL_FONT_SIZE_MD = '0.875rem';
278
+ export const GL_FONT_SIZE_LG = '1rem';
279
+ export const GL_FONT_SIZE_BASE = '0.875rem';
280
+ export const GL_FONT_WEIGHT_100 = '100';
281
+ export const GL_FONT_WEIGHT_300 = '300';
282
+ export const GL_FONT_WEIGHT_NORMAL = '400';
283
+ export const GL_FONT_WEIGHT_SEMIBOLD = '500';
284
+ export const GL_FONT_WEIGHT_BOLD = '600';
246
285
  export const GL_LINE_HEIGHT_12 = '0.75rem';
247
286
  export const GL_LINE_HEIGHT_16 = '1rem';
248
287
  export const GL_LINE_HEIGHT_20 = '1.25rem';