@gitlab/ui 137.3.1 → 138.0.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 (79) hide show
  1. package/dist/components/base/alert/alert.js +0 -1
  2. package/dist/components/base/drawer/drawer.js +0 -1
  3. package/dist/components/base/filtered_search/filtered_search_token_segment.js +0 -1
  4. package/dist/components/base/form/form_group/form_group.js +0 -1
  5. package/dist/components/base/modal/modal.js +1 -5
  6. package/dist/components/base/new_dropdowns/base_dropdown/dropdown_container.js +1 -1
  7. package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +1 -3
  8. package/dist/components/base/toast/index.js +1 -1
  9. package/dist/components/base/toggle/toggle.js +0 -1
  10. package/dist/components/mixins/tooltip_mixin.js +1 -1
  11. package/dist/index.css +2 -2
  12. package/dist/index.css.map +1 -1
  13. package/dist/tailwind.css +1 -1
  14. package/dist/tailwind.css.map +1 -1
  15. package/dist/tokens/build/js/tokens.dark.js +299 -299
  16. package/dist/tokens/build/js/tokens.js +302 -302
  17. package/dist/utils/confetti/confetti.js +189 -0
  18. package/dist/utils/confetti/constants.js +36 -0
  19. package/dist/utils/confetti/field.js +114 -0
  20. package/dist/utils/confetti/palette.js +6 -0
  21. package/dist/utils/confetti/particles.js +92 -0
  22. package/dist/utils/matrix/columns.js +54 -0
  23. package/dist/utils/matrix/constants.js +19 -0
  24. package/dist/utils/matrix/matrix.js +157 -0
  25. package/dist/utils/matrix/palette.js +9 -0
  26. package/dist/utils.js +2 -0
  27. package/dist/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +4 -2
  28. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +3 -1
  29. package/package.json +3 -2
  30. package/src/components/base/alert/alert.vue +0 -1
  31. package/src/components/base/drawer/drawer.vue +0 -1
  32. package/src/components/base/filtered_search/filtered_search_token_segment.vue +0 -1
  33. package/src/components/base/form/form_group/form_group.vue +0 -2
  34. package/src/components/base/form/form_select/form_select.vue +0 -1
  35. package/src/components/base/modal/modal.vue +0 -3
  36. package/src/components/base/new_dropdowns/base_dropdown/dropdown_container.js +1 -1
  37. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.vue +0 -1
  38. package/src/components/base/tabs/tabs/scrollable_tabs.vue +0 -1
  39. package/src/components/base/tabs/tabs/tabs.vue +0 -1
  40. package/src/components/base/toast/index.js +1 -1
  41. package/src/components/base/toggle/toggle.vue +0 -1
  42. package/src/components/charts/heatmap/index.js +1 -1
  43. package/src/components/mixins/tooltip_mixin.js +1 -1
  44. package/src/tokens/build/css/tokens.css +74 -74
  45. package/src/tokens/build/css/tokens.dark.css +70 -70
  46. package/src/tokens/build/docs/tokens-tailwind-docs.dark.json +303 -303
  47. package/src/tokens/build/docs/tokens-tailwind-docs.json +323 -323
  48. package/src/tokens/build/figma/constants.dark.json +207 -207
  49. package/src/tokens/build/figma/constants.json +207 -207
  50. package/src/tokens/build/figma/mode.dark.json +37 -37
  51. package/src/tokens/build/figma/mode.json +35 -35
  52. package/src/tokens/build/js/tokens.dark.js +299 -300
  53. package/src/tokens/build/js/tokens.js +302 -303
  54. package/src/tokens/build/json/tokens.dark.json +369 -369
  55. package/src/tokens/build/json/tokens.json +376 -376
  56. package/src/tokens/build/scss/_tokens.dark.scss +70 -70
  57. package/src/tokens/build/scss/_tokens.scss +74 -74
  58. package/src/tokens/constant/color.blue.tokens.json +39 -39
  59. package/src/tokens/constant/color.green.tokens.json +41 -41
  60. package/src/tokens/constant/color.orange.tokens.json +43 -43
  61. package/src/tokens/constant/color.purple.tokens.json +40 -40
  62. package/src/tokens/constant/color.red.tokens.json +44 -44
  63. package/src/tokens/contextual/avatar.tokens.json +13 -13
  64. package/src/tokens/contextual/button.tokens.json +22 -22
  65. package/src/tokens/contextual/chart.tokens.json +3 -3
  66. package/src/tokens/semantic/action.tokens.json +18 -18
  67. package/src/utils/confetti/confetti.js +191 -0
  68. package/src/utils/confetti/constants.js +42 -0
  69. package/src/utils/confetti/field.js +134 -0
  70. package/src/utils/confetti/palette.js +15 -0
  71. package/src/utils/confetti/particles.js +98 -0
  72. package/src/utils/matrix/columns.js +53 -0
  73. package/src/utils/matrix/constants.js +19 -0
  74. package/src/utils/matrix/matrix.js +185 -0
  75. package/src/utils/matrix/palette.js +18 -0
  76. package/src/utils.js +2 -0
  77. package/src/vendor/bootstrap-vue/src/components/popover/helpers/bv-popover-template.js +7 -2
  78. package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip-template.js +2 -1
  79. package/translations.js +1 -1
@@ -5,12 +5,12 @@
5
5
  "$value": {
6
6
  "colorSpace": "srgb",
7
7
  "components": [
8
- 0.9254901960784314,
9
- 0.9568627450980393,
10
- 0.9333333333333333
8
+ 0.9019607843137255,
9
+ 0.9607843137254902,
10
+ 0.9176470588235294
11
11
  ],
12
12
  "alpha": 1,
13
- "hex": "#ecf4ee"
13
+ "hex": "#e6f5ea"
14
14
  },
15
15
  "$type": "color",
16
16
  "$extensions": {
@@ -21,12 +21,12 @@
21
21
  "$value": {
22
22
  "colorSpace": "srgb",
23
23
  "components": [
24
- 0.7647058823529411,
24
+ 0.7450980392156863,
25
25
  0.9019607843137255,
26
- 0.803921568627451
26
+ 0.8156862745098039
27
27
  ],
28
28
  "alpha": 1,
29
- "hex": "#c3e6cd"
29
+ "hex": "#bee6d0"
30
30
  },
31
31
  "$type": "color",
32
32
  "$extensions": {
@@ -37,12 +37,12 @@
37
37
  "$value": {
38
38
  "colorSpace": "srgb",
39
39
  "components": [
40
- 0.5686274509803921,
40
+ 0.5176470588235295,
41
41
  0.8313725490196079,
42
- 0.6588235294117647
42
+ 0.7137254901960784
43
43
  ],
44
44
  "alpha": 1,
45
- "hex": "#91d4a8"
45
+ "hex": "#84d4b6"
46
46
  },
47
47
  "$type": "color",
48
48
  "$extensions": {
@@ -53,12 +53,12 @@
53
53
  "$value": {
54
54
  "colorSpace": "srgb",
55
55
  "components": [
56
- 0.3215686274509804,
57
- 0.7215686274509804,
58
- 0.47843137254901963
56
+ 0.20784313725490197,
57
+ 0.7098039215686275,
58
+ 0.592156862745098
59
59
  ],
60
60
  "alpha": 1,
61
- "hex": "#52b87a"
61
+ "hex": "#35b597"
62
62
  },
63
63
  "$type": "color",
64
64
  "$extensions": {
@@ -69,12 +69,12 @@
69
69
  "$value": {
70
70
  "colorSpace": "srgb",
71
71
  "components": [
72
- 0.17647058823529413,
73
- 0.6313725490196078,
74
- 0.3764705882352941
72
+ 0.07058823529411765,
73
+ 0.611764705882353,
74
+ 0.5176470588235295
75
75
  ],
76
76
  "alpha": 1,
77
- "hex": "#2da160"
77
+ "hex": "#129c84"
78
78
  },
79
79
  "$type": "color",
80
80
  "$extensions": {
@@ -85,12 +85,12 @@
85
85
  "$value": {
86
86
  "colorSpace": "srgb",
87
87
  "components": [
88
- 0.06274509803921569,
89
- 0.5215686274509804,
90
- 0.2823529411764706
88
+ 0.050980392156862744,
89
+ 0.5019607843137255,
90
+ 0.4392156862745098
91
91
  ],
92
92
  "alpha": 1,
93
- "hex": "#108548"
93
+ "hex": "#0d8070"
94
94
  },
95
95
  "$type": "color",
96
96
  "$extensions": {
@@ -101,12 +101,12 @@
101
101
  "$value": {
102
102
  "colorSpace": "srgb",
103
103
  "components": [
104
- 0.1843137254901961,
105
- 0.4588235294117647,
106
- 0.28627450980392155
104
+ 0.047058823529411764,
105
+ 0.4470588235294118,
106
+ 0.396078431372549
107
107
  ],
108
108
  "alpha": 1,
109
- "hex": "#2f7549"
109
+ "hex": "#0c7265"
110
110
  },
111
111
  "$type": "color",
112
112
  "$extensions": {
@@ -117,12 +117,12 @@
117
117
  "$value": {
118
118
  "colorSpace": "srgb",
119
119
  "components": [
120
- 0.18823529411764706,
120
+ 0.043137254901960784,
121
121
  0.39215686274509803,
122
- 0.25098039215686274
122
+ 0.35294117647058826
123
123
  ],
124
124
  "alpha": 1,
125
- "hex": "#306440"
125
+ "hex": "#0b645a"
126
126
  },
127
127
  "$type": "color",
128
128
  "$extensions": {
@@ -133,12 +133,12 @@
133
133
  "$value": {
134
134
  "colorSpace": "srgb",
135
135
  "components": [
136
- 0.13333333333333333,
137
- 0.3176470588235294,
138
- 0.19215686274509805
136
+ 0.027450980392156862,
137
+ 0.3137254901960784,
138
+ 0.2823529411764706
139
139
  ],
140
140
  "alpha": 1,
141
- "hex": "#225131"
141
+ "hex": "#075048"
142
142
  },
143
143
  "$type": "color",
144
144
  "$extensions": {
@@ -149,12 +149,12 @@
149
149
  "$value": {
150
150
  "colorSpace": "srgb",
151
151
  "components": [
152
- 0.11764705882352941,
153
- 0.24313725490196078,
154
- 0.1568627450980392
152
+ 0,
153
+ 0.23529411764705882,
154
+ 0.21176470588235294
155
155
  ],
156
156
  "alpha": 1,
157
- "hex": "#1e3e28"
157
+ "hex": "#003c36"
158
158
  },
159
159
  "$type": "color",
160
160
  "$extensions": {
@@ -165,12 +165,12 @@
165
165
  "$value": {
166
166
  "colorSpace": "srgb",
167
167
  "components": [
168
- 0.09019607843137255,
169
- 0.1607843137254902,
170
- 0.10980392156862745
168
+ 0,
169
+ 0.17254901960784313,
170
+ 0.14901960784313725
171
171
  ],
172
172
  "alpha": 1,
173
- "hex": "#17291c"
173
+ "hex": "#002c26"
174
174
  },
175
175
  "$type": "color",
176
176
  "$extensions": {
@@ -6,11 +6,11 @@
6
6
  "colorSpace": "srgb",
7
7
  "components": [
8
8
  0.9921568627450981,
9
- 0.9450980392156862,
10
- 0.8666666666666667
9
+ 0.9411764705882353,
10
+ 0.8352941176470589
11
11
  ],
12
12
  "alpha": 1,
13
- "hex": "#fdf1dd"
13
+ "hex": "#fdf0d5"
14
14
  },
15
15
  "$type": "color",
16
16
  "$extensions": {
@@ -21,12 +21,12 @@
21
21
  "$value": {
22
22
  "colorSpace": "srgb",
23
23
  "components": [
24
- 0.9607843137254902,
25
- 0.8509803921568627,
26
- 0.6588235294117647
24
+ 0.9803921568627451,
25
+ 0.8549019607843137,
26
+ 0.611764705882353
27
27
  ],
28
28
  "alpha": 1,
29
- "hex": "#f5d9a8"
29
+ "hex": "#fada9c"
30
30
  },
31
31
  "$type": "color",
32
32
  "$extensions": {
@@ -37,12 +37,12 @@
37
37
  "$value": {
38
38
  "colorSpace": "srgb",
39
39
  "components": [
40
- 0.9137254901960784,
41
- 0.7450980392156863,
42
- 0.4549019607843137
40
+ 0.9686274509803922,
41
+ 0.7254901960784313,
42
+ 0.3176470588235294
43
43
  ],
44
44
  "alpha": 1,
45
- "hex": "#e9be74"
45
+ "hex": "#f7b951"
46
46
  },
47
47
  "$type": "color",
48
48
  "$extensions": {
@@ -53,12 +53,12 @@
53
53
  "$value": {
54
54
  "colorSpace": "srgb",
55
55
  "components": [
56
- 0.8509803921568627,
57
- 0.5843137254901961,
58
- 0.18823529411764706
56
+ 0.984313725490196,
57
+ 0.5019607843137255,
58
+ 0.09019607843137255
59
59
  ],
60
60
  "alpha": 1,
61
- "hex": "#d99530"
61
+ "hex": "#fb8017"
62
62
  },
63
63
  "$type": "color",
64
64
  "$extensions": {
@@ -69,12 +69,12 @@
69
69
  "$value": {
70
70
  "colorSpace": "srgb",
71
71
  "components": [
72
- 0.7568627450980392,
73
- 0.49019607843137253,
74
- 0.06274509803921569
72
+ 0.9137254901960784,
73
+ 0.37254901960784315,
74
+ 0.12941176470588237
75
75
  ],
76
76
  "alpha": 1,
77
- "hex": "#c17d10"
77
+ "hex": "#e95f21"
78
78
  },
79
79
  "$type": "color",
80
80
  "$extensions": {
@@ -85,12 +85,12 @@
85
85
  "$value": {
86
86
  "colorSpace": "srgb",
87
87
  "components": [
88
- 0.6705882352941176,
89
- 0.3803921568627451,
90
- 0
88
+ 0.7803921568627451,
89
+ 0.2823529411764706,
90
+ 0.08627450980392157
91
91
  ],
92
92
  "alpha": 1,
93
- "hex": "#ab6100"
93
+ "hex": "#c74816"
94
94
  },
95
95
  "$type": "color",
96
96
  "$extensions": {
@@ -101,12 +101,12 @@
101
101
  "$value": {
102
102
  "colorSpace": "srgb",
103
103
  "components": [
104
- 0.6,
105
- 0.3411764705882353,
106
- 0.08235294117647059
104
+ 0.7019607843137254,
105
+ 0.25098039215686274,
106
+ 0.07450980392156863
107
107
  ],
108
108
  "alpha": 1,
109
- "hex": "#995715"
109
+ "hex": "#b34013"
110
110
  },
111
111
  "$type": "color",
112
112
  "$extensions": {
@@ -117,12 +117,12 @@
117
117
  "$value": {
118
118
  "colorSpace": "srgb",
119
119
  "components": [
120
- 0.5372549019607843,
121
- 0.29411764705882354,
122
- 0.08627450980392157
120
+ 0.6196078431372549,
121
+ 0.2196078431372549,
122
+ 0.06666666666666667
123
123
  ],
124
124
  "alpha": 1,
125
- "hex": "#894b16"
125
+ "hex": "#9e3811"
126
126
  },
127
127
  "$type": "color",
128
128
  "$extensions": {
@@ -133,12 +133,12 @@
133
133
  "$value": {
134
134
  "colorSpace": "srgb",
135
135
  "components": [
136
- 0.4117647058823529,
137
- 0.23529411764705882,
138
- 0.0784313725490196
136
+ 0.49019607843137253,
137
+ 0.17647058823529413,
138
+ 0.054901960784313725
139
139
  ],
140
140
  "alpha": 1,
141
- "hex": "#693c14"
141
+ "hex": "#7d2d0e"
142
142
  },
143
143
  "$type": "color",
144
144
  "$extensions": {
@@ -149,12 +149,12 @@
149
149
  "$value": {
150
150
  "colorSpace": "srgb",
151
151
  "components": [
152
- 0.3254901960784314,
153
- 0.1803921568627451,
154
- 0.08627450980392157
152
+ 0.36470588235294116,
153
+ 0.13333333333333333,
154
+ 0.050980392156862744
155
155
  ],
156
156
  "alpha": 1,
157
- "hex": "#532e16"
157
+ "hex": "#5d220d"
158
158
  },
159
159
  "$type": "color",
160
160
  "$extensions": {
@@ -165,12 +165,12 @@
165
165
  "$value": {
166
166
  "colorSpace": "srgb",
167
167
  "components": [
168
- 0.2196078431372549,
169
- 0.13725490196078433,
170
- 0.08235294117647059
168
+ 0.27450980392156865,
169
+ 0.09411764705882353,
170
+ 0.027450980392156862
171
171
  ],
172
172
  "alpha": 1,
173
- "hex": "#382315"
173
+ "hex": "#461807"
174
174
  },
175
175
  "$type": "color",
176
176
  "$extensions": {
@@ -7,10 +7,10 @@
7
7
  "components": [
8
8
  0.9568627450980393,
9
9
  0.9411764705882353,
10
- 1
10
+ 0.9882352941176471
11
11
  ],
12
12
  "alpha": 1,
13
- "hex": "#f4f0ff"
13
+ "hex": "#f4f0fc"
14
14
  },
15
15
  "$type": "color",
16
16
  "$extensions": {
@@ -22,11 +22,11 @@
22
22
  "colorSpace": "srgb",
23
23
  "components": [
24
24
  0.8823529411764706,
25
- 0.8470588235294118,
26
- 0.9764705882352941
25
+ 0.8549019607843137,
26
+ 0.9686274509803922
27
27
  ],
28
28
  "alpha": 1,
29
- "hex": "#e1d8f9"
29
+ "hex": "#e1daf7"
30
30
  },
31
31
  "$type": "color",
32
32
  "$extensions": {
@@ -37,12 +37,12 @@
37
37
  "$value": {
38
38
  "colorSpace": "srgb",
39
39
  "components": [
40
- 0.796078431372549,
41
- 0.7333333333333333,
42
- 0.9490196078431372
40
+ 0.788235294117647,
41
+ 0.7450980392156863,
42
+ 0.9372549019607843
43
43
  ],
44
44
  "alpha": 1,
45
- "hex": "#cbbbf2"
45
+ "hex": "#c9beef"
46
46
  },
47
47
  "$type": "color",
48
48
  "$extensions": {
@@ -53,12 +53,12 @@
53
53
  "$value": {
54
54
  "colorSpace": "srgb",
55
55
  "components": [
56
- 0.6745098039215687,
57
- 0.5764705882352941,
58
- 0.9019607843137255
56
+ 0.6627450980392157,
57
+ 0.592156862745098,
58
+ 0.8823529411764706
59
59
  ],
60
60
  "alpha": 1,
61
- "hex": "#ac93e6"
61
+ "hex": "#a997e1"
62
62
  },
63
63
  "$type": "color",
64
64
  "$extensions": {
@@ -69,12 +69,12 @@
69
69
  "$value": {
70
70
  "colorSpace": "srgb",
71
71
  "components": [
72
- 0.5803921568627451,
73
- 0.4588235294117647,
74
- 0.8588235294117647
72
+ 0.5725490196078431,
73
+ 0.48627450980392156,
74
+ 0.8431372549019608
75
75
  ],
76
76
  "alpha": 1,
77
- "hex": "#9475db"
77
+ "hex": "#927cd7"
78
78
  },
79
79
  "$type": "color",
80
80
  "$extensions": {
@@ -85,12 +85,12 @@
85
85
  "$value": {
86
86
  "colorSpace": "srgb",
87
87
  "components": [
88
- 0.4823529411764706,
89
- 0.34509803921568627,
90
- 0.8117647058823529
88
+ 0.47058823529411764,
89
+ 0.3843137254901961,
90
+ 0.7843137254901961
91
91
  ],
92
92
  "alpha": 1,
93
- "hex": "#7b58cf"
93
+ "hex": "#7862c8"
94
94
  },
95
95
  "$type": "color",
96
96
  "$extensions": {
@@ -102,11 +102,11 @@
102
102
  "colorSpace": "srgb",
103
103
  "components": [
104
104
  0.41568627450980394,
105
- 0.30980392156862746,
106
- 0.7058823529411765
105
+ 0.32941176470588235,
106
+ 0.7529411764705882
107
107
  ],
108
108
  "alpha": 1,
109
- "hex": "#6a4fb4"
109
+ "hex": "#6a54c0"
110
110
  },
111
111
  "$type": "color",
112
112
  "$extensions": {
@@ -117,12 +117,12 @@
117
117
  "$value": {
118
118
  "colorSpace": "srgb",
119
119
  "components": [
120
- 0.3607843137254902,
121
- 0.2784313725490196,
122
- 0.6509803921568628
120
+ 0.3568627450980392,
121
+ 0.27450980392156865,
122
+ 0.7215686274509804
123
123
  ],
124
124
  "alpha": 1,
125
- "hex": "#5c47a6"
125
+ "hex": "#5b46b8"
126
126
  },
127
127
  "$type": "color",
128
128
  "$extensions": {
@@ -133,12 +133,12 @@
133
133
  "$value": {
134
134
  "colorSpace": "srgb",
135
135
  "components": [
136
- 0.28627450980392155,
137
- 0.23529411764705882,
138
- 0.5137254901960784
136
+ 0.2823529411764706,
137
+ 0.21176470588235294,
138
+ 0.596078431372549
139
139
  ],
140
140
  "alpha": 1,
141
- "hex": "#493c83"
141
+ "hex": "#483698"
142
142
  },
143
143
  "$type": "color",
144
144
  "$extensions": {
@@ -149,12 +149,12 @@
149
149
  "$value": {
150
150
  "colorSpace": "srgb",
151
151
  "components": [
152
- 0.20392156862745098,
153
- 0.17647058823529413,
154
- 0.34901960784313724
152
+ 0.21176470588235294,
153
+ 0.14901960784313725,
154
+ 0.4627450980392157
155
155
  ],
156
156
  "alpha": 1,
157
- "hex": "#342d59"
157
+ "hex": "#362676"
158
158
  },
159
159
  "$type": "color",
160
160
  "$extensions": {
@@ -165,12 +165,12 @@
165
165
  "$value": {
166
166
  "colorSpace": "srgb",
167
167
  "components": [
168
- 0.15294117647058825,
169
- 0.1411764705882353,
170
- 0.24313725490196078
168
+ 0.1607843137254902,
169
+ 0.10196078431372549,
170
+ 0.3607843137254902
171
171
  ],
172
172
  "alpha": 1,
173
- "hex": "#27243e"
173
+ "hex": "#291a5c"
174
174
  },
175
175
  "$type": "color",
176
176
  "$extensions": {