@gitlab/ui 129.3.2 → 129.5.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 (27) hide show
  1. package/dist/components/base/alert/alert.js +15 -1
  2. package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
  3. package/dist/components/base/token_selector/token_selector.js +14 -3
  4. package/dist/index.css +1 -1
  5. package/dist/index.css.map +1 -1
  6. package/dist/tailwind.css +1 -1
  7. package/dist/tailwind.css.map +1 -1
  8. package/dist/tokens/build/js/tokens.dark.js +4 -1
  9. package/dist/tokens/build/js/tokens.js +4 -1
  10. package/package.json +1 -1
  11. package/src/components/base/alert/alert.vue +16 -0
  12. package/src/components/base/avatar/avatar.scss +7 -7
  13. package/src/components/base/breadcrumb/breadcrumb.vue +1 -1
  14. package/src/components/base/token_selector/token_selector.vue +18 -3
  15. package/src/tokens/build/css/tokens.css +3 -0
  16. package/src/tokens/build/css/tokens.dark.css +3 -0
  17. package/src/tokens/build/figma/mode.dark.json +30 -0
  18. package/src/tokens/build/figma/mode.json +30 -0
  19. package/src/tokens/build/js/tokens.dark.js +3 -0
  20. package/src/tokens/build/js/tokens.js +3 -0
  21. package/src/tokens/build/json/tokens.dark.json +111 -0
  22. package/src/tokens/build/json/tokens.json +111 -0
  23. package/src/tokens/build/scss/_tokens.dark.scss +3 -0
  24. package/src/tokens/build/scss/_tokens.scss +3 -0
  25. package/src/tokens/build/scss/_tokens_custom_properties.scss +3 -0
  26. package/src/tokens/contextual/avatar.tokens.json +42 -0
  27. package/tailwind.defaults.js +40 -0
package/tailwind.defaults.js CHANGED
@@ -44,6 +44,46 @@ function addCustomDefinitions({ addComponents, addUtilities }) {
44
44
  'border-color': 'var(--gl-action-neutral-border-color-active)',
45
45
  },
46
46
  },
47
+ '.action-confirm-colors': {
48
+ color: 'var(--gl-action-confirm-foreground-color-default)',
49
+ 'background-color': 'var(--gl-action-confirm-background-color-default)',
50
+ 'border-color': 'var(--gl-action-confirm-border-color-default)',
51
+ '&:hover': {
52
+ color: 'var(--gl-action-confirm-foreground-color-hover)',
53
+ 'background-color': 'var(--gl-action-confirm-background-color-hover)',
54
+ 'border-color': 'var(--gl-action-confirm-border-color-hover)',
55
+ },
56
+ '&:focus': {
57
+ color: 'var(--gl-action-confirm-foreground-color-focus)',
58
+ 'background-color': 'var(--gl-action-confirm-background-color-focus)',
59
+ 'border-color': 'var(--gl-action-confirm-border-color-focus)',
60
+ },
61
+ '&:active': {
62
+ color: 'var(--gl-action-confirm-foreground-color-active)',
63
+ 'background-color': 'var(--gl-action-confirm-background-color-active)',
64
+ 'border-color': 'var(--gl-action-confirm-border-color-active)',
65
+ },
66
+ },
67
+ '.action-danger-colors': {
68
+ color: 'var(--gl-action-danger-foreground-color-default)',
69
+ 'background-color': 'var(--gl-action-danger-background-color-default)',
70
+ 'border-color': 'var(--gl-action-danger-border-color-default)',
71
+ '&:hover': {
72
+ color: 'var(--gl-action-danger-foreground-color-hover)',
73
+ 'background-color': 'var(--gl-action-danger-background-color-hover)',
74
+ 'border-color': 'var(--gl-action-danger-border-color-hover)',
75
+ },
76
+ '&:focus': {
77
+ color: 'var(--gl-action-danger-foreground-color-focus)',
78
+ 'background-color': 'var(--gl-action-danger-background-color-focus)',
79
+ 'border-color': 'var(--gl-action-danger-border-color-focus)',
80
+ },
81
+ '&:active': {
82
+ color: 'var(--gl-action-danger-foreground-color-active)',
83
+ 'background-color': 'var(--gl-action-danger-background-color-active)',
84
+ 'border-color': 'var(--gl-action-danger-border-color-active)',
85
+ },
86
+ },
47
87
  '.bg-action-neutral': {
48
88
  'background-color': 'var(--gl-action-neutral-background-color-default)',
49
89
  '&:hover': {