@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
package/src/tokens/build/figma/mode.dark.json CHANGED
@@ -487,9 +487,9 @@
487
487
  "$value": {
488
488
  "colorSpace": "srgb",
489
489
  "components": [
490
- 0.9882352941176471,
491
- 0.7098039215686275,
492
- 0.6666666666666666
490
+ 1,
491
+ 0.6862745098039216,
492
+ 0.7215686274509804
493
493
  ],
494
494
  "alpha": 0.23921568627450981
495
495
  },
@@ -506,9 +506,9 @@
506
506
  "$value": {
507
507
  "colorSpace": "srgb",
508
508
  "components": [
509
- 0.796078431372549,
510
- 0.7333333333333333,
511
- 0.9490196078431372
509
+ 0.788235294117647,
510
+ 0.7450980392156863,
511
+ 0.9372549019607843
512
512
  ],
513
513
  "alpha": 0.23921568627450981
514
514
  },
@@ -526,8 +526,8 @@
526
526
  "colorSpace": "srgb",
527
527
  "components": [
528
528
  0.615686274509804,
529
- 0.7803921568627451,
530
- 0.9450980392156862
529
+ 0.7843137254901961,
530
+ 0.9490196078431372
531
531
  ],
532
532
  "alpha": 0.23921568627450981
533
533
  },
@@ -544,9 +544,9 @@
544
544
  "$value": {
545
545
  "colorSpace": "srgb",
546
546
  "components": [
547
- 0.5686274509803921,
547
+ 0.5176470588235295,
548
548
  0.8313725490196079,
549
- 0.6588235294117647
549
+ 0.7137254901960784
550
550
  ],
551
551
  "alpha": 0.23921568627450981
552
552
  },
@@ -563,9 +563,9 @@
563
563
  "$value": {
564
564
  "colorSpace": "srgb",
565
565
  "components": [
566
- 0.9137254901960784,
567
- 0.7450980392156863,
568
- 0.4549019607843137
566
+ 0.9686274509803922,
567
+ 0.7254901960784313,
568
+ 0.3176470588235294
569
569
  ],
570
570
  "alpha": 0.23921568627450981
571
571
  },
@@ -3053,7 +3053,7 @@
3053
3053
  }
3054
3054
  },
3055
3055
  "🔒/button-danger-primary-background-color-default": {
3056
- "$value": "{color-red-300}",
3056
+ "$value": "{color-red-400}",
3057
3057
  "$type": "color",
3058
3058
  "$description": "Used for the background of a danger (destructive) primary button in the default state.",
3059
3059
  "$extensions": {
@@ -3064,7 +3064,7 @@
3064
3064
  }
3065
3065
  },
3066
3066
  "🔒/button-danger-primary-background-color-hover": {
3067
- "$value": "{color-red-200}",
3067
+ "$value": "{color-red-300}",
3068
3068
  "$type": "color",
3069
3069
  "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
3070
3070
  "$extensions": {
@@ -3086,7 +3086,7 @@
3086
3086
  }
3087
3087
  },
3088
3088
  "🔒/button-danger-primary-background-color-active": {
3089
- "$value": "{color-red-400}",
3089
+ "$value": "{color-red-200}",
3090
3090
  "$type": "color",
3091
3091
  "$description": "Used for the background of a danger (destructive) primary button in the active state.",
3092
3092
  "$extensions": {
@@ -3184,9 +3184,9 @@
3184
3184
  "$value": {
3185
3185
  "colorSpace": "srgb",
3186
3186
  "components": [
3187
- 0.9254901960784314,
3188
- 0.34901960784313724,
3189
- 0.2549019607843137
3187
+ 0.9450980392156862,
3188
+ 0.3176470588235294,
3189
+ 0.40784313725490196
3190
3190
  ],
3191
3191
  "alpha": 0.4
3192
3192
  },
@@ -3203,9 +3203,9 @@
3203
3203
  "$value": {
3204
3204
  "colorSpace": "srgb",
3205
3205
  "components": [
3206
- 0.9254901960784314,
3207
- 0.34901960784313724,
3208
- 0.2549019607843137
3206
+ 0.9450980392156862,
3207
+ 0.3176470588235294,
3208
+ 0.40784313725490196
3209
3209
  ],
3210
3210
  "alpha": 0.64
3211
3211
  },
@@ -3233,9 +3233,9 @@
3233
3233
  "$value": {
3234
3234
  "colorSpace": "srgb",
3235
3235
  "components": [
3236
- 0.9254901960784314,
3237
- 0.34901960784313724,
3238
- 0.2549019607843137
3236
+ 0.9450980392156862,
3237
+ 0.3176470588235294,
3238
+ 0.40784313725490196
3239
3239
  ],
3240
3240
  "alpha": 0.32
3241
3241
  },
@@ -3693,9 +3693,9 @@
3693
3693
  "$value": {
3694
3694
  "colorSpace": "srgb",
3695
3695
  "components": [
3696
- 0.8666666666666667,
3697
- 0.16862745098039217,
3698
- 0.054901960784313725
3696
+ 0.8705882352941177,
3697
+ 0.11372549019607843,
3698
+ 0.29411764705882354
3699
3699
  ],
3700
3700
  "alpha": 0.1
3701
3701
  },
@@ -6149,9 +6149,9 @@
6149
6149
  "$value": {
6150
6150
  "colorSpace": "srgb",
6151
6151
  "components": [
6152
- 0.9254901960784314,
6153
- 0.34901960784313724,
6154
- 0.2549019607843137
6152
+ 0.9450980392156862,
6153
+ 0.3176470588235294,
6154
+ 0.40784313725490196
6155
6155
  ],
6156
6156
  "alpha": 0
6157
6157
  },
@@ -6168,9 +6168,9 @@
6168
6168
  "$value": {
6169
6169
  "colorSpace": "srgb",
6170
6170
  "components": [
6171
- 0.9254901960784314,
6172
- 0.34901960784313724,
6173
- 0.2549019607843137
6171
+ 0.9450980392156862,
6172
+ 0.3176470588235294,
6173
+ 0.40784313725490196
6174
6174
  ],
6175
6175
  "alpha": 0.4
6176
6176
  },
@@ -6198,9 +6198,9 @@
6198
6198
  "$value": {
6199
6199
  "colorSpace": "srgb",
6200
6200
  "components": [
6201
- 0.9254901960784314,
6202
- 0.34901960784313724,
6203
- 0.2549019607843137
6201
+ 0.9450980392156862,
6202
+ 0.3176470588235294,
6203
+ 0.40784313725490196
6204
6204
  ],
6205
6205
  "alpha": 0.16
6206
6206
  },
package/src/tokens/build/figma/mode.json CHANGED
@@ -487,9 +487,9 @@
487
487
  "$value": {
488
488
  "colorSpace": "srgb",
489
489
  "components": [
490
- 0.9882352941176471,
491
- 0.7098039215686275,
492
- 0.6666666666666666
490
+ 1,
491
+ 0.6862745098039216,
492
+ 0.7215686274509804
493
493
  ],
494
494
  "alpha": 0.23921568627450981
495
495
  },
@@ -506,9 +506,9 @@
506
506
  "$value": {
507
507
  "colorSpace": "srgb",
508
508
  "components": [
509
- 0.796078431372549,
510
- 0.7333333333333333,
511
- 0.9490196078431372
509
+ 0.788235294117647,
510
+ 0.7450980392156863,
511
+ 0.9372549019607843
512
512
  ],
513
513
  "alpha": 0.23921568627450981
514
514
  },
@@ -526,8 +526,8 @@
526
526
  "colorSpace": "srgb",
527
527
  "components": [
528
528
  0.615686274509804,
529
- 0.7803921568627451,
530
- 0.9450980392156862
529
+ 0.7843137254901961,
530
+ 0.9490196078431372
531
531
  ],
532
532
  "alpha": 0.23921568627450981
533
533
  },
@@ -544,9 +544,9 @@
544
544
  "$value": {
545
545
  "colorSpace": "srgb",
546
546
  "components": [
547
- 0.5686274509803921,
547
+ 0.5176470588235295,
548
548
  0.8313725490196079,
549
- 0.6588235294117647
549
+ 0.7137254901960784
550
550
  ],
551
551
  "alpha": 0.23921568627450981
552
552
  },
@@ -563,9 +563,9 @@
563
563
  "$value": {
564
564
  "colorSpace": "srgb",
565
565
  "components": [
566
- 0.9137254901960784,
567
- 0.7450980392156863,
568
- 0.4549019607843137
566
+ 0.9686274509803922,
567
+ 0.7254901960784313,
568
+ 0.3176470588235294
569
569
  ],
570
570
  "alpha": 0.23921568627450981
571
571
  },
@@ -3029,7 +3029,7 @@
3029
3029
  }
3030
3030
  },
3031
3031
  "🔒/button-danger-primary-background-color-default": {
3032
- "$value": "{color-red-500}",
3032
+ "$value": "{color-red-600}",
3033
3033
  "$type": "color",
3034
3034
  "$description": "Used for the background of a danger (destructive) primary button in the default state.",
3035
3035
  "$extensions": {
@@ -3040,7 +3040,7 @@
3040
3040
  }
3041
3041
  },
3042
3042
  "🔒/button-danger-primary-background-color-hover": {
3043
- "$value": "{color-red-600}",
3043
+ "$value": "{color-red-700}",
3044
3044
  "$type": "color",
3045
3045
  "$description": "Used for the background of a danger (destructive) primary button in the hover state.",
3046
3046
  "$extensions": {
@@ -3062,7 +3062,7 @@
3062
3062
  }
3063
3063
  },
3064
3064
  "🔒/button-danger-primary-background-color-active": {
3065
- "$value": "{color-red-800}",
3065
+ "$value": "{color-red-900}",
3066
3066
  "$type": "color",
3067
3067
  "$description": "Used for the background of a danger (destructive) primary button in the active state.",
3068
3068
  "$extensions": {
@@ -3073,7 +3073,7 @@
3073
3073
  }
3074
3074
  },
3075
3075
  "🔒/button-danger-primary-border-color-default": {
3076
- "$value": "{color-red-600}",
3076
+ "$value": "{color-red-700}",
3077
3077
  "$type": "color",
3078
3078
  "$description": "Used for the border of a danger (destructive) primary button in the default state.",
3079
3079
  "$extensions": {
@@ -3083,7 +3083,7 @@
3083
3083
  }
3084
3084
  },
3085
3085
  "🔒/button-danger-primary-border-color-hover": {
3086
- "$value": "{color-red-800}",
3086
+ "$value": "{color-red-900}",
3087
3087
  "$type": "color",
3088
3088
  "$description": "Used for the border of a danger (destructive) primary button in the hover state.",
3089
3089
  "$extensions": {
@@ -3103,7 +3103,7 @@
3103
3103
  }
3104
3104
  },
3105
3105
  "🔒/button-danger-primary-border-color-active": {
3106
- "$value": "{color-red-900}",
3106
+ "$value": "{color-red-950}",
3107
3107
  "$type": "color",
3108
3108
  "$description": "Used for the border of a danger (destructive) primary button in the active state.",
3109
3109
  "$extensions": {
@@ -3113,7 +3113,7 @@
3113
3113
  }
3114
3114
  },
3115
3115
  "🔒/button-danger-secondary-foreground-color-default": {
3116
- "$value": "{color-red-500}",
3116
+ "$value": "{color-red-600}",
3117
3117
  "$type": "color",
3118
3118
  "$description": "Used for the foreground of a danger (destructive) button in the default state.",
3119
3119
  "$extensions": {
@@ -3124,7 +3124,7 @@
3124
3124
  }
3125
3125
  },
3126
3126
  "🔒/button-danger-secondary-foreground-color-hover": {
3127
- "$value": "{color-red-700}",
3127
+ "$value": "{color-red-800}",
3128
3128
  "$type": "color",
3129
3129
  "$description": "Used for the foreground of a danger (destructive) button in the hover state.",
3130
3130
  "$extensions": {
@@ -3201,7 +3201,7 @@
3201
3201
  }
3202
3202
  },
3203
3203
  "🔒/button-danger-secondary-border-color-default": {
3204
- "$value": "{color-red-500}",
3204
+ "$value": "{color-red-600}",
3205
3205
  "$type": "color",
3206
3206
  "$description": "Used for the border of an outlined danger (destructive) button in the default state.",
3207
3207
  "$extensions": {
@@ -3211,7 +3211,7 @@
3211
3211
  }
3212
3212
  },
3213
3213
  "🔒/button-danger-secondary-border-color-hover": {
3214
- "$value": "{color-red-700}",
3214
+ "$value": "{color-red-800}",
3215
3215
  "$type": "color",
3216
3216
  "$description": "Used for the border of an outlined danger (destructive) button in the hover state.",
3217
3217
  "$extensions": {
@@ -3637,9 +3637,9 @@
3637
3637
  "$value": {
3638
3638
  "colorSpace": "srgb",
3639
3639
  "components": [
3640
- 0.8666666666666667,
3641
- 0.16862745098039217,
3642
- 0.054901960784313725
3640
+ 0.8705882352941177,
3641
+ 0.11372549019607843,
3642
+ 0.29411764705882354
3643
3643
  ],
3644
3644
  "alpha": 0.1
3645
3645
  },
@@ -6093,9 +6093,9 @@
6093
6093
  "$value": {
6094
6094
  "colorSpace": "srgb",
6095
6095
  "components": [
6096
- 0.9607843137254902,
6097
- 0.4980392156862745,
6098
- 0.4235294117647059
6096
+ 0.8705882352941177,
6097
+ 0.11372549019607843,
6098
+ 0.29411764705882354
6099
6099
  ],
6100
6100
  "alpha": 0
6101
6101
  },
@@ -6112,9 +6112,9 @@
6112
6112
  "$value": {
6113
6113
  "colorSpace": "srgb",
6114
6114
  "components": [
6115
- 0.9607843137254902,
6116
- 0.4980392156862745,
6117
- 0.4235294117647059
6115
+ 0.8705882352941177,
6116
+ 0.11372549019607843,
6117
+ 0.29411764705882354
6118
6118
  ],
6119
6119
  "alpha": 0.16
6120
6120
  },
@@ -6142,9 +6142,9 @@
6142
6142
  "$value": {
6143
6143
  "colorSpace": "srgb",
6144
6144
  "components": [
6145
- 0.6823529411764706,
6146
- 0.09411764705882353,
6147
- 0
6145
+ 0.6745098039215687,
6146
+ 0.12549019607843137,
6147
+ 0.22745098039215686
6148
6148
  ],
6149
6149
  "alpha": 0.24
6150
6150
  },