@gitlab/ui 121.1.0 → 122.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/index.css +2 -2
  2. package/dist/index.css.map +1 -1
  3. package/dist/tailwind.css +1 -1
  4. package/dist/tailwind.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +48 -1
  6. package/dist/tokens/build/js/tokens.js +48 -1
  7. package/dist/tokens/css/tokens.css +47 -0
  8. package/dist/tokens/css/tokens.dark.css +47 -0
  9. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +1294 -0
  10. package/dist/tokens/docs/tokens-tailwind-docs.json +1294 -0
  11. package/dist/tokens/figma/constants.tokens.json +226 -0
  12. package/dist/tokens/figma/semantic.tokens.json +157 -0
  13. package/dist/tokens/js/tokens.dark.js +47 -0
  14. package/dist/tokens/js/tokens.js +47 -0
  15. package/dist/tokens/json/tokens.dark.json +1473 -226
  16. package/dist/tokens/json/tokens.json +1473 -226
  17. package/dist/tokens/scss/_tokens.dark.scss +47 -0
  18. package/dist/tokens/scss/_tokens.scss +47 -0
  19. package/dist/tokens/scss/_tokens_custom_properties.scss +47 -0
  20. package/dist/tokens/tailwind/tokens.cjs +4 -0
  21. package/package.json +3 -3
  22. package/src/scss/variables.scss +0 -37
  23. package/src/tokens/build/css/tokens.css +47 -0
  24. package/src/tokens/build/css/tokens.dark.css +47 -0
  25. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +1294 -0
  26. package/src/tokens/build/docs/tokens-tailwind-docs.json +1294 -0
  27. package/src/tokens/build/figma/constants.tokens.json +226 -0
  28. package/src/tokens/build/figma/semantic.tokens.json +157 -0
  29. package/src/tokens/build/js/tokens.dark.js +47 -0
  30. package/src/tokens/build/js/tokens.js +47 -0
  31. package/src/tokens/build/json/tokens.dark.json +1473 -226
  32. package/src/tokens/build/json/tokens.json +1473 -226
  33. package/src/tokens/build/scss/_tokens.dark.scss +47 -0
  34. package/src/tokens/build/scss/_tokens.scss +47 -0
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +47 -0
  36. package/src/tokens/build/tailwind/tokens.cjs +53 -0
  37. package/src/tokens/constant/spacing_scale.tokens.json +228 -0
  38. package/src/tokens/semantic/border.tokens.json +157 -0
  39. package/src/vendor/bootstrap/scss/_card.scss +0 -110
  40. package/src/vendor/bootstrap/scss/_dropdown.scss +7 -13
  41. package/src/vendor/bootstrap/scss/_list-group.scss +0 -41
  42. package/src/vendor/bootstrap/scss/_variables.scss +0 -14
  43. package/src/vendor/bootstrap/scss/bootstrap.scss +0 -1
  44. package/tailwind.defaults.js +3 -47
  45. package/src/components/dashboards/dashboard_layout/dashboard_layout.md +0 -145
  46. package/src/vendor/bootstrap/scss/_jumbotron.scss +0 -17
package/dist/tokens/css/tokens.css CHANGED
@@ -239,6 +239,38 @@
239
239
  --gl-line-height-42: 2.625rem;
240
240
  --gl-line-height-44: 2.75rem;
241
241
  --gl-line-height-52: 3.25rem;
242
+ --gl-spacing-scale-0: 0;
243
+ --gl-spacing-scale-1: 0.125rem;
244
+ --gl-spacing-scale-2: 0.25rem;
245
+ --gl-spacing-scale-3: 0.5rem;
246
+ --gl-spacing-scale-4: 0.75rem;
247
+ --gl-spacing-scale-5: 1rem;
248
+ --gl-spacing-scale-6: 1.5rem;
249
+ --gl-spacing-scale-7: 2rem;
250
+ --gl-spacing-scale-8: 2.5rem;
251
+ --gl-spacing-scale-9: 3rem;
252
+ --gl-spacing-scale-10: 3.5rem;
253
+ --gl-spacing-scale-11: 4rem;
254
+ --gl-spacing-scale-12: 5rem;
255
+ --gl-spacing-scale-13: 6rem;
256
+ --gl-spacing-scale-15: 7.5rem;
257
+ --gl-spacing-scale-18: 9rem;
258
+ --gl-spacing-scale-20: 10rem;
259
+ --gl-spacing-scale-26: 13rem;
260
+ --gl-spacing-scale-28: 14rem;
261
+ --gl-spacing-scale-30: 15rem;
262
+ --gl-spacing-scale-31: 15.5rem;
263
+ --gl-spacing-scale-33: 16.5rem;
264
+ --gl-spacing-scale-34: 17rem;
265
+ --gl-spacing-scale-37: 18.5rem;
266
+ --gl-spacing-scale-48: 24rem;
267
+ --gl-spacing-scale-62: 31rem;
268
+ --gl-spacing-scale-75: 37.5rem;
269
+ --gl-spacing-scale-80: 40rem;
270
+ --gl-spacing-scale-88: 44rem;
271
+ --gl-spacing-scale-px: 1px;
272
+ --gl-spacing-scale-2-5: 0.375rem;
273
+ --gl-spacing-scale-11-5: 4.5rem;
242
274
  --gl-avatar-fallback-background-color-red: #fcb5aa3d; /** Red background for avatar fallback with no particular meaning. */
243
275
  --gl-avatar-fallback-background-color-purple: #cbbbf23d; /** Purple background for avatar fallback with no particular meaning. */
244
276
  --gl-avatar-fallback-background-color-blue: #9dc7f13d; /** Blue background for avatar fallback with no particular meaning. */
@@ -507,6 +539,7 @@
507
539
  --gl-action-danger-background-color-default: rgba(245, 127, 108, 0.0); /** Used for the background of a danger (destructive) action in the default state. */
508
540
  --gl-action-danger-background-color-hover: rgba(245, 127, 108, 0.16); /** Used for the background of a danger (destructive) action in the hover state. */
509
541
  --gl-action-danger-background-color-active: rgba(174, 24, 0, 0.24); /** Used for the background of a danger (destructive) action in the active state. */
542
+ --gl-border-radius-full: 9999px;
510
543
  --gl-text-primary: #28272d; /** Use text.color.default instead. */
511
544
  --gl-text-secondary: #737278; /** Use text.color.subtle instead. */
512
545
  --gl-text-tertiary: #89888d; /** Use text.color.disabled instead. */
@@ -794,6 +827,20 @@
794
827
  --gl-border-color-subtle: var(--gl-color-neutral-50); /** Used for a subtle border in combination with the default background. */
795
828
  --gl-border-color-strong: var(--gl-color-neutral-200); /** Used for a distinct border that emphasizes an edge or boundaries. */
796
829
  --gl-border-color-transparent: var(--gl-color-alpha-0); /** Used when a border needs to be present, but not visibly perceived. */
830
+ --gl-border-radius-6: var(--gl-spacing-scale-6);
831
+ --gl-border-radius-7: var(--gl-spacing-scale-7);
832
+ --gl-border-radius-none: var(--gl-spacing-scale-0);
833
+ --gl-border-radius-base: var(--gl-spacing-scale-2);
834
+ --gl-border-radius-xs: var(--gl-spacing-scale-px);
835
+ --gl-border-radius-sm: var(--gl-spacing-scale-1);
836
+ --gl-border-radius-md: var(--gl-spacing-scale-2);
837
+ --gl-border-radius-lg: var(--gl-spacing-scale-3);
838
+ --gl-border-radius-xl: var(--gl-spacing-scale-4);
839
+ --gl-border-radius-2xl: var(--gl-spacing-scale-5);
840
+ --gl-border-radius-3xl: var(--gl-spacing-scale-6);
841
+ --gl-border-radius-small: var(--gl-spacing-scale-1);
842
+ --gl-border-radius-large: var(--gl-spacing-scale-3);
843
+ --gl-border-radius-pill: var(--gl-spacing-scale-4);
797
844
  --gl-control-background-color-default: var(--gl-color-neutral-0); /** Used for form control (input, radio button, checkbox, textarea) default background. */
798
845
  --gl-control-background-color-disabled: var(--gl-color-neutral-10); /** Used for disabled form control (checkbox, input, radio button, textarea) background. */
799
846
  --gl-control-background-color-concatenation: var(--gl-color-neutral-10); /** Used for the background of static content that prepends or appends a text input. */
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -239,6 +239,38 @@
239
239
  --gl-line-height-42: 2.625rem;
240
240
  --gl-line-height-44: 2.75rem;
241
241
  --gl-line-height-52: 3.25rem;
242
+ --gl-spacing-scale-0: 0;
243
+ --gl-spacing-scale-1: 0.125rem;
244
+ --gl-spacing-scale-2: 0.25rem;
245
+ --gl-spacing-scale-3: 0.5rem;
246
+ --gl-spacing-scale-4: 0.75rem;
247
+ --gl-spacing-scale-5: 1rem;
248
+ --gl-spacing-scale-6: 1.5rem;
249
+ --gl-spacing-scale-7: 2rem;
250
+ --gl-spacing-scale-8: 2.5rem;
251
+ --gl-spacing-scale-9: 3rem;
252
+ --gl-spacing-scale-10: 3.5rem;
253
+ --gl-spacing-scale-11: 4rem;
254
+ --gl-spacing-scale-12: 5rem;
255
+ --gl-spacing-scale-13: 6rem;
256
+ --gl-spacing-scale-15: 7.5rem;
257
+ --gl-spacing-scale-18: 9rem;
258
+ --gl-spacing-scale-20: 10rem;
259
+ --gl-spacing-scale-26: 13rem;
260
+ --gl-spacing-scale-28: 14rem;
261
+ --gl-spacing-scale-30: 15rem;
262
+ --gl-spacing-scale-31: 15.5rem;
263
+ --gl-spacing-scale-33: 16.5rem;
264
+ --gl-spacing-scale-34: 17rem;
265
+ --gl-spacing-scale-37: 18.5rem;
266
+ --gl-spacing-scale-48: 24rem;
267
+ --gl-spacing-scale-62: 31rem;
268
+ --gl-spacing-scale-75: 37.5rem;
269
+ --gl-spacing-scale-80: 40rem;
270
+ --gl-spacing-scale-88: 44rem;
271
+ --gl-spacing-scale-px: 1px;
272
+ --gl-spacing-scale-2-5: 0.375rem;
273
+ --gl-spacing-scale-11-5: 4.5rem;
242
274
  --gl-avatar-fallback-background-color-red: #fcb5aa3d; /** Red background for avatar fallback with no particular meaning. */
243
275
  --gl-avatar-fallback-background-color-purple: #cbbbf23d; /** Purple background for avatar fallback with no particular meaning. */
244
276
  --gl-avatar-fallback-background-color-blue: #9dc7f13d; /** Blue background for avatar fallback with no particular meaning. */
@@ -507,6 +539,7 @@
507
539
  --gl-action-danger-background-color-default: rgba(236, 89, 65, 0.0); /** Used for the background of a danger (destructive) action in the default state. */
508
540
  --gl-action-danger-background-color-hover: rgba(236, 89, 65, 0.4); /** Used for the background of a danger (destructive) action in the hover state. */
509
541
  --gl-action-danger-background-color-active: rgba(236, 89, 65, 0.16); /** Used for the background of a danger (destructive) action in the active state. */
542
+ --gl-border-radius-full: 9999px;
510
543
  --gl-text-primary: #ececef; /** Use text.color.default instead. */
511
544
  --gl-text-secondary: #89888d; /** Use text.color.subtle instead. */
512
545
  --gl-text-tertiary: #737278; /** Use text.color.disabled instead. */
@@ -794,6 +827,20 @@
794
827
  --gl-border-color-subtle: var(--gl-color-neutral-800); /** Used for a subtle border in combination with the default background. */
795
828
  --gl-border-color-strong: var(--gl-color-neutral-600); /** Used for a distinct border that emphasizes an edge or boundaries. */
796
829
  --gl-border-color-transparent: var(--gl-color-alpha-0); /** Used when a border needs to be present, but not visibly perceived. */
830
+ --gl-border-radius-6: var(--gl-spacing-scale-6);
831
+ --gl-border-radius-7: var(--gl-spacing-scale-7);
832
+ --gl-border-radius-none: var(--gl-spacing-scale-0);
833
+ --gl-border-radius-base: var(--gl-spacing-scale-2);
834
+ --gl-border-radius-xs: var(--gl-spacing-scale-px);
835
+ --gl-border-radius-sm: var(--gl-spacing-scale-1);
836
+ --gl-border-radius-md: var(--gl-spacing-scale-2);
837
+ --gl-border-radius-lg: var(--gl-spacing-scale-3);
838
+ --gl-border-radius-xl: var(--gl-spacing-scale-4);
839
+ --gl-border-radius-2xl: var(--gl-spacing-scale-5);
840
+ --gl-border-radius-3xl: var(--gl-spacing-scale-6);
841
+ --gl-border-radius-small: var(--gl-spacing-scale-1);
842
+ --gl-border-radius-large: var(--gl-spacing-scale-3);
843
+ --gl-border-radius-pill: var(--gl-spacing-scale-4);
797
844
  --gl-control-background-color-default: var(--gl-color-alpha-dark-40); /** Used for form control (input, radio button, checkbox, textarea) default background. */
798
845
  --gl-control-background-color-disabled: var(--gl-color-alpha-light-4); /** Used for disabled form control (checkbox, input, radio button, textarea) background. */
799
846
  --gl-control-background-color-concatenation: var(--gl-color-alpha-light-4); /** Used for the background of static content that prepends or appends a text input. */