@gitlab/ui 115.0.0 → 115.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 (127) hide show
  1. package/bin/migrate_custom_utils_to_tw.bundled.mjs +172489 -139144
  2. package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +15 -3
  3. package/dist/components/base/new_dropdowns/constants.js +5 -2
  4. package/dist/components/dashboards/dashboard_layout/grid_layout/grid_layout.js +286 -0
  5. package/dist/components/dashboards/mock_data.js +49 -0
  6. package/dist/index.css +2 -2
  7. package/dist/index.css.map +1 -1
  8. package/dist/tailwind.css +1 -1
  9. package/dist/tailwind.css.map +1 -1
  10. package/dist/tokens/docs/tokens-tailwind-docs.dark.json +7986 -0
  11. package/dist/tokens/docs/tokens-tailwind-docs.json +7986 -0
  12. package/dist/tokens/figma/constants.tokens.json +944 -236
  13. package/dist/tokens/figma/contextual.tokens.json +2721 -418
  14. package/dist/tokens/figma/deprecated.tokens.json +664 -8
  15. package/dist/tokens/figma/semantic.tokens.json +1130 -169
  16. package/dist/tokens/js/tokens.dark.js +1089 -1047
  17. package/dist/tokens/js/tokens.js +1078 -1047
  18. package/dist/tokens/json/tokens.dark.json +9267 -3
  19. package/dist/tokens/json/tokens.json +9267 -3
  20. package/dist/tokens/tailwind/tokens.cjs +76 -407
  21. package/package.json +22 -49
  22. package/src/components/base/accordion/accordion_item.vue +1 -1
  23. package/src/components/base/avatar/avatar.vue +1 -1
  24. package/src/components/base/button/button.vue +1 -1
  25. package/src/components/base/dropdown/dropdown.vue +3 -1
  26. package/src/components/base/filtered_search/filtered_search.vue +1 -1
  27. package/src/components/base/filtered_search/filtered_search_suggestion_list.vue +1 -1
  28. package/src/components/base/filtered_search/filtered_search_token.vue +1 -1
  29. package/src/components/base/filtered_search/filtered_search_token_segment.vue +3 -3
  30. package/src/components/base/form/form_checkbox_tree/models/tree.js +1 -1
  31. package/src/components/base/form/form_date/form_date.vue +1 -1
  32. package/src/components/base/form/form_input/form_input.vue +1 -1
  33. package/src/components/base/form/form_select/form_select.vue +1 -1
  34. package/src/components/base/modal/modal.vue +2 -2
  35. package/src/components/base/new_dropdowns/base_dropdown/base_dropdown.vue +23 -6
  36. package/src/components/base/new_dropdowns/constants.js +4 -1
  37. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +1 -2
  38. package/src/components/base/new_dropdowns/listbox/listbox.vue +7 -7
  39. package/src/components/base/pagination/pagination.vue +2 -2
  40. package/src/components/base/path/path.vue +1 -1
  41. package/src/components/base/skeleton_loader/skeleton_loader.vue +9 -9
  42. package/src/components/base/table/table.md +1 -2
  43. package/src/components/base/table_lite/table_lite.md +1 -1
  44. package/src/components/base/tabs/tabs/tabs.vue +1 -1
  45. package/src/components/base/toast/toast.js +2 -2
  46. package/src/components/base/token_selector/token_container.vue +1 -1
  47. package/src/components/base/token_selector/token_selector.vue +2 -2
  48. package/src/components/base/token_selector/token_selector_dropdown.vue +1 -1
  49. package/src/components/charts/area/area.vue +3 -3
  50. package/src/components/charts/bar/bar.vue +2 -2
  51. package/src/components/charts/column/column.vue +2 -2
  52. package/src/components/charts/discrete_scatter/discrete_scatter.vue +2 -2
  53. package/src/components/charts/gauge/gauge.vue +1 -1
  54. package/src/components/charts/heatmap/heatmap.vue +2 -2
  55. package/src/components/charts/heatmap/index.js +1 -0
  56. package/src/components/charts/legend/legend.vue +1 -1
  57. package/src/components/charts/line/line.vue +3 -3
  58. package/src/components/charts/sparkline/sparkline.vue +1 -1
  59. package/src/components/charts/stacked_column/stacked_column.vue +1 -1
  60. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.scss +1 -0
  61. package/src/components/dashboards/dashboard_layout/grid_layout/grid_layout.vue +247 -0
  62. package/src/components/dashboards/mock_data.js +40 -0
  63. package/src/components/mixins/tooltip_mixin.js +1 -1
  64. package/src/components/utilities/intersection_observer/intersection_observer.vue +1 -1
  65. package/src/components/utilities/intersperse/intersperse.vue +2 -2
  66. package/src/components/utilities/sprintf/sprintf.md +1 -1
  67. package/src/components/utilities/sprintf/sprintf.vue +1 -1
  68. package/src/components/utilities/truncate/truncate.vue +2 -2
  69. package/src/config.js +1 -1
  70. package/src/directives/outside/outside.js +4 -4
  71. package/src/directives/tooltip/tooltip.js +1 -1
  72. package/src/scss/components.scss +1 -0
  73. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +7986 -0
  74. package/src/tokens/build/docs/tokens-tailwind-docs.json +7986 -0
  75. package/src/tokens/build/figma/constants.tokens.json +944 -236
  76. package/src/tokens/build/figma/contextual.tokens.json +2721 -418
  77. package/src/tokens/build/figma/deprecated.tokens.json +664 -8
  78. package/src/tokens/build/figma/semantic.tokens.json +1130 -169
  79. package/src/tokens/build/json/tokens.dark.json +9267 -3
  80. package/src/tokens/build/json/tokens.json +9267 -3
  81. package/src/tokens/constant/color.alpha.tokens.json +60 -15
  82. package/src/tokens/constant/color.tokens.json +844 -211
  83. package/src/tokens/constant/line_height.tokens.json +40 -10
  84. package/src/tokens/contextual/alert.tokens.json +119 -19
  85. package/src/tokens/contextual/avatar.tokens.json +90 -14
  86. package/src/tokens/contextual/badge.tokens.json +728 -112
  87. package/src/tokens/contextual/banner.tokens.json +19 -3
  88. package/src/tokens/contextual/breadcrumb.tokens.json +6 -1
  89. package/src/tokens/contextual/broadcast.tokens.json +301 -81
  90. package/src/tokens/contextual/button.tokens.json +793 -120
  91. package/src/tokens/contextual/chart.tokens.json +42 -7
  92. package/src/tokens/contextual/datepicker.tokens.json +13 -2
  93. package/src/tokens/contextual/dropdown.tokens.json +142 -21
  94. package/src/tokens/contextual/filtered-search.tokens.json +42 -6
  95. package/src/tokens/contextual/illustration.tokens.json +195 -33
  96. package/src/tokens/contextual/label.tokens.json +81 -12
  97. package/src/tokens/contextual/link.tokens.json +26 -4
  98. package/src/tokens/contextual/progress-bar.tokens.json +35 -5
  99. package/src/tokens/contextual/skeleton-loader.tokens.json +12 -2
  100. package/src/tokens/contextual/spinner.tokens.json +24 -4
  101. package/src/tokens/contextual/table.tokens.json +14 -2
  102. package/src/tokens/contextual/tabs.tokens.json +7 -1
  103. package/src/tokens/contextual/toggle.tokens.json +54 -9
  104. package/src/tokens/contextual/token-selector.tokens.json +7 -1
  105. package/src/tokens/contextual/token.tokens.json +14 -2
  106. package/src/tokens/deprecated/deprecated.color.data_viz.tokens.json +165 -0
  107. package/src/tokens/deprecated/deprecated.color.theme.tokens.json +216 -0
  108. package/src/tokens/deprecated/deprecated.color.tokens.json +240 -0
  109. package/src/tokens/deprecated/deprecated.color.transparency.tokens.json +39 -0
  110. package/src/tokens/semantic/action.tokens.json +500 -75
  111. package/src/tokens/semantic/background.tokens.json +49 -7
  112. package/src/tokens/semantic/border.tokens.json +30 -5
  113. package/src/tokens/semantic/control.tokens.json +129 -20
  114. package/src/tokens/semantic/feedback.tokens.json +126 -19
  115. package/src/tokens/semantic/focus-ring.tokens.json +12 -2
  116. package/src/tokens/semantic/highlight.tokens.json +26 -4
  117. package/src/tokens/semantic/icon.tokens.json +63 -9
  118. package/src/tokens/semantic/shadow.tokens.json +6 -1
  119. package/src/tokens/semantic/status.tokens.json +120 -18
  120. package/src/tokens/semantic/text.tokens.json +69 -9
  121. package/src/tokens/tokens_tailwind_table.vue +1 -1
  122. package/src/utils/charts/config.js +7 -7
  123. package/src/utils/charts/utils.js +1 -1
  124. package/src/utils/use_mock_intersection_observer.js +1 -1
  125. package/src/utils/utils.js +1 -1
  126. package/tailwind.defaults.js +1 -1
  127. package/translations.js +2 -2
package/src/tokens/deprecated/deprecated.color.transparency.tokens.json CHANGED
@@ -3,6 +3,9 @@
3
3
  "02": {
4
4
  "$value": "rgba(05, 05, 06, 0.02)",
5
5
  "$type": "color",
6
+ "$extensions": {
7
+ "com.figma.scope": []
8
+ },
6
9
  "$description": "Use color.alpha.dark.2 instead.",
7
10
  "themeable": true,
8
11
  "prefix": false,
@@ -11,6 +14,9 @@
11
14
  "04": {
12
15
  "$value": "rgba(05, 05, 06, 0.04)",
13
16
  "$type": "color",
17
+ "$extensions": {
18
+ "com.figma.scope": []
19
+ },
14
20
  "$description": "Use color.alpha.dark.4 instead.",
15
21
  "themeable": true,
16
22
  "prefix": false,
@@ -19,6 +25,9 @@
19
25
  "06": {
20
26
  "$value": "rgba(05, 05, 06, 0.06)",
21
27
  "$type": "color",
28
+ "$extensions": {
29
+ "com.figma.scope": []
30
+ },
22
31
  "$description": "Use color.alpha.dark.6 instead.",
23
32
  "themeable": true,
24
33
  "prefix": false,
@@ -27,6 +36,9 @@
27
36
  "08": {
28
37
  "$value": "rgba(05, 05, 06, 0.08)",
29
38
  "$type": "color",
39
+ "$extensions": {
40
+ "com.figma.scope": []
41
+ },
30
42
  "$description": "Use color.alpha.dark.8 instead.",
31
43
  "themeable": true,
32
44
  "prefix": false,
@@ -35,6 +47,9 @@
35
47
  "16": {
36
48
  "$value": "rgba(05, 05, 06, 0.16)",
37
49
  "$type": "color",
50
+ "$extensions": {
51
+ "com.figma.scope": []
52
+ },
38
53
  "$description": "Use color.alpha.dark.16 instead.",
39
54
  "themeable": true,
40
55
  "prefix": false,
@@ -43,6 +58,9 @@
43
58
  "24": {
44
59
  "$value": "rgba(05, 05, 06, 0.24)",
45
60
  "$type": "color",
61
+ "$extensions": {
62
+ "com.figma.scope": []
63
+ },
46
64
  "$description": "Use color.alpha.dark.24 instead.",
47
65
  "themeable": true,
48
66
  "prefix": false,
@@ -53,6 +71,9 @@
53
71
  "02": {
54
72
  "$value": "rgba(255, 255, 255, 0.02)",
55
73
  "$type": "color",
74
+ "$extensions": {
75
+ "com.figma.scope": []
76
+ },
56
77
  "$description": "Use color.alpha.light.2 instead.",
57
78
  "themeable": true,
58
79
  "prefix": false,
@@ -61,6 +82,9 @@
61
82
  "04": {
62
83
  "$value": "rgba(255, 255, 255, 0.04)",
63
84
  "$type": "color",
85
+ "$extensions": {
86
+ "com.figma.scope": []
87
+ },
64
88
  "$description": "Use color.alpha.light.4 instead.",
65
89
  "themeable": true,
66
90
  "prefix": false,
@@ -69,6 +93,9 @@
69
93
  "06": {
70
94
  "$value": "rgba(255, 255, 255, 0.06)",
71
95
  "$type": "color",
96
+ "$extensions": {
97
+ "com.figma.scope": []
98
+ },
72
99
  "$description": "Use color.alpha.light.6 instead.",
73
100
  "themeable": true,
74
101
  "prefix": false,
@@ -77,6 +104,9 @@
77
104
  "08": {
78
105
  "$value": "rgba(255, 255, 255, 0.08)",
79
106
  "$type": "color",
107
+ "$extensions": {
108
+ "com.figma.scope": []
109
+ },
80
110
  "$description": "Use color.alpha.light.8 instead.",
81
111
  "themeable": true,
82
112
  "prefix": false,
@@ -85,6 +115,9 @@
85
115
  "16": {
86
116
  "$value": "rgba(255, 255, 255, 0.16)",
87
117
  "$type": "color",
118
+ "$extensions": {
119
+ "com.figma.scope": []
120
+ },
88
121
  "$description": "Use color.alpha.light.16 instead.",
89
122
  "themeable": true,
90
123
  "prefix": false,
@@ -93,6 +126,9 @@
93
126
  "24": {
94
127
  "$value": "rgba(255, 255, 255, 0.24)",
95
128
  "$type": "color",
129
+ "$extensions": {
130
+ "com.figma.scope": []
131
+ },
96
132
  "$description": "Use color.alpha.light.24 instead.",
97
133
  "themeable": true,
98
134
  "prefix": false,
@@ -101,6 +137,9 @@
101
137
  "36": {
102
138
  "$value": "rgba(255, 255, 255, 0.36)",
103
139
  "$type": "color",
140
+ "$extensions": {
141
+ "com.figma.scope": []
142
+ },
104
143
  "$description": "Use color.alpha.light.36 instead.",
105
144
  "themeable": true,
106
145
  "prefix": false,