@gitlab/ui 122.1.0 → 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 (41) hide show
  1. package/dist/components/base/form/form_checkbox/form_checkbox.js +4 -3
  2. package/dist/index.css +2 -2
  3. package/dist/index.css.map +1 -1
  4. package/dist/tailwind.css +1 -1
  5. package/dist/tailwind.css.map +1 -1
  6. package/dist/tokens/build/js/tokens.dark.js +1 -48
  7. package/dist/tokens/build/js/tokens.js +1 -48
  8. package/dist/tokens/css/tokens.css +0 -47
  9. package/dist/tokens/css/tokens.dark.css +0 -47
  10. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +0 -1294
  11. package/dist/tokens/docs/tokens-tailwind-docs.json +0 -1294
  12. package/dist/tokens/figma/constants.tokens.json +0 -226
  13. package/dist/tokens/figma/semantic.tokens.json +0 -157
  14. package/dist/tokens/js/tokens.dark.js +0 -47
  15. package/dist/tokens/js/tokens.js +0 -47
  16. package/dist/tokens/json/tokens.dark.json +4779 -6026
  17. package/dist/tokens/json/tokens.json +4798 -6045
  18. package/dist/tokens/scss/_tokens.dark.scss +0 -47
  19. package/dist/tokens/scss/_tokens.scss +0 -47
  20. package/dist/tokens/scss/_tokens_custom_properties.scss +0 -47
  21. package/dist/tokens/tailwind/tokens.cjs +0 -4
  22. package/package.json +1 -1
  23. package/src/components/base/form/form_checkbox/form_checkbox.vue +4 -3
  24. package/src/scss/variables.scss +37 -0
  25. package/src/tokens/build/css/tokens.css +0 -47
  26. package/src/tokens/build/css/tokens.dark.css +0 -47
  27. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +0 -1294
  28. package/src/tokens/build/docs/tokens-tailwind-docs.json +0 -1294
  29. package/src/tokens/build/figma/constants.tokens.json +0 -226
  30. package/src/tokens/build/figma/semantic.tokens.json +0 -157
  31. package/src/tokens/build/js/tokens.dark.js +0 -47
  32. package/src/tokens/build/js/tokens.js +0 -47
  33. package/src/tokens/build/json/tokens.dark.json +4779 -6026
  34. package/src/tokens/build/json/tokens.json +4798 -6045
  35. package/src/tokens/build/scss/_tokens.dark.scss +0 -47
  36. package/src/tokens/build/scss/_tokens.scss +0 -47
  37. package/src/tokens/build/scss/_tokens_custom_properties.scss +0 -47
  38. package/src/tokens/build/tailwind/tokens.cjs +0 -53
  39. package/src/tokens/semantic/border.tokens.json +0 -157
  40. package/tailwind.defaults.js +47 -3
  41. 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. */