@gitlab/ui 122.1.1 → 122.1.2

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 (39) 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 +1 -48
  6. package/dist/tokens/build/js/tokens.js +1 -48
  7. package/dist/tokens/css/tokens.css +0 -47
  8. package/dist/tokens/css/tokens.dark.css +0 -47
  9. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +0 -1294
  10. package/dist/tokens/docs/tokens-tailwind-docs.json +0 -1294
  11. package/dist/tokens/figma/constants.tokens.json +0 -226
  12. package/dist/tokens/figma/semantic.tokens.json +0 -157
  13. package/dist/tokens/js/tokens.dark.js +0 -47
  14. package/dist/tokens/js/tokens.js +0 -47
  15. package/dist/tokens/json/tokens.dark.json +4779 -6026
  16. package/dist/tokens/json/tokens.json +4798 -6045
  17. package/dist/tokens/scss/_tokens.dark.scss +0 -47
  18. package/dist/tokens/scss/_tokens.scss +0 -47
  19. package/dist/tokens/scss/_tokens_custom_properties.scss +0 -47
  20. package/dist/tokens/tailwind/tokens.cjs +0 -4
  21. package/package.json +1 -1
  22. package/src/scss/variables.scss +37 -0
  23. package/src/tokens/build/css/tokens.css +0 -47
  24. package/src/tokens/build/css/tokens.dark.css +0 -47
  25. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +0 -1294
  26. package/src/tokens/build/docs/tokens-tailwind-docs.json +0 -1294
  27. package/src/tokens/build/figma/constants.tokens.json +0 -226
  28. package/src/tokens/build/figma/semantic.tokens.json +0 -157
  29. package/src/tokens/build/js/tokens.dark.js +0 -47
  30. package/src/tokens/build/js/tokens.js +0 -47
  31. package/src/tokens/build/json/tokens.dark.json +4779 -6026
  32. package/src/tokens/build/json/tokens.json +4798 -6045
  33. package/src/tokens/build/scss/_tokens.dark.scss +0 -47
  34. package/src/tokens/build/scss/_tokens.scss +0 -47
  35. package/src/tokens/build/scss/_tokens_custom_properties.scss +0 -47
  36. package/src/tokens/build/tailwind/tokens.cjs +0 -53
  37. package/src/tokens/semantic/border.tokens.json +0 -157
  38. package/tailwind.defaults.js +47 -3
  39. package/src/tokens/constant/spacing_scale.tokens.json +0 -228
package/dist/tokens/css/tokens.css CHANGED
@@ -239,38 +239,6 @@
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;
274
242
  --gl-avatar-fallback-background-color-red: #fcb5aa3d; /** Red background for avatar fallback with no particular meaning. */
275
243
  --gl-avatar-fallback-background-color-purple: #cbbbf23d; /** Purple background for avatar fallback with no particular meaning. */
276
244
  --gl-avatar-fallback-background-color-blue: #9dc7f13d; /** Blue background for avatar fallback with no particular meaning. */
@@ -539,7 +507,6 @@
539
507
  --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. */
540
508
  --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. */
541
509
  --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;
543
510
  --gl-text-primary: #28272d; /** Use text.color.default instead. */
544
511
  --gl-text-secondary: #737278; /** Use text.color.subtle instead. */
545
512
  --gl-text-tertiary: #89888d; /** Use text.color.disabled instead. */
@@ -827,20 +794,6 @@
827
794
  --gl-border-color-subtle: var(--gl-color-neutral-50); /** Used for a subtle border in combination with the default background. */
828
795
  --gl-border-color-strong: var(--gl-color-neutral-200); /** Used for a distinct border that emphasizes an edge or boundaries. */
829
796
  --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);
844
797
  --gl-control-background-color-default: var(--gl-color-neutral-0); /** Used for form control (input, radio button, checkbox, textarea) default background. */
845
798
  --gl-control-background-color-disabled: var(--gl-color-neutral-10); /** Used for disabled form control (checkbox, input, radio button, textarea) background. */
846
799
  --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,38 +239,6 @@
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;
274
242
  --gl-avatar-fallback-background-color-red: #fcb5aa3d; /** Red background for avatar fallback with no particular meaning. */
275
243
  --gl-avatar-fallback-background-color-purple: #cbbbf23d; /** Purple background for avatar fallback with no particular meaning. */
276
244
  --gl-avatar-fallback-background-color-blue: #9dc7f13d; /** Blue background for avatar fallback with no particular meaning. */
@@ -539,7 +507,6 @@
539
507
  --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. */
540
508
  --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. */
541
509
  --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;
543
510
  --gl-text-primary: #ececef; /** Use text.color.default instead. */
544
511
  --gl-text-secondary: #89888d; /** Use text.color.subtle instead. */
545
512
  --gl-text-tertiary: #737278; /** Use text.color.disabled instead. */
@@ -827,20 +794,6 @@
827
794
  --gl-border-color-subtle: var(--gl-color-neutral-800); /** Used for a subtle border in combination with the default background. */
828
795
  --gl-border-color-strong: var(--gl-color-neutral-600); /** Used for a distinct border that emphasizes an edge or boundaries. */
829
796
  --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);
844
797
  --gl-control-background-color-default: var(--gl-color-alpha-dark-40); /** Used for form control (input, radio button, checkbox, textarea) default background. */
845
798
  --gl-control-background-color-disabled: var(--gl-color-alpha-light-4); /** Used for disabled form control (checkbox, input, radio button, textarea) background. */
846
799
  --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. */