@gitlab/ui 94.1.1 → 94.3.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 (178) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/experimental/duo/chat/duo_chat.js +1 -2
  3. package/dist/index.css +2 -2
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/build/js/tokens.dark.js +9 -1
  6. package/dist/tokens/build/js/tokens.js +9 -1
  7. package/dist/tokens/css/tokens.css +8 -0
  8. package/dist/tokens/css/tokens.dark.css +8 -0
  9. package/dist/tokens/js/tokens.dark.js +8 -0
  10. package/dist/tokens/js/tokens.js +8 -0
  11. package/dist/tokens/json/tokens.dark.json +219 -0
  12. package/dist/tokens/json/tokens.json +219 -0
  13. package/dist/tokens/scss/_tokens.dark.scss +8 -0
  14. package/dist/tokens/scss/_tokens.scss +8 -0
  15. package/dist/tokens/scss/_tokens_custom_properties.scss +8 -0
  16. package/dist/vendor/bootstrap-vue/src/components/badge/index.js +0 -10
  17. package/dist/vendor/bootstrap-vue/src/components/breadcrumb/index.js +0 -14
  18. package/dist/vendor/bootstrap-vue/src/components/button/index.js +0 -14
  19. package/dist/vendor/bootstrap-vue/src/components/button-group/index.js +0 -11
  20. package/dist/vendor/bootstrap-vue/src/components/collapse/index.js +0 -14
  21. package/dist/vendor/bootstrap-vue/src/components/dropdown/index.js +0 -34
  22. package/dist/vendor/bootstrap-vue/src/components/form/index.js +0 -20
  23. package/dist/vendor/bootstrap-vue/src/components/form-checkbox/index.js +0 -16
  24. package/dist/vendor/bootstrap-vue/src/components/form-group/index.js +0 -11
  25. package/dist/vendor/bootstrap-vue/src/components/form-input/index.js +0 -11
  26. package/dist/vendor/bootstrap-vue/src/components/form-radio/index.js +0 -14
  27. package/dist/vendor/bootstrap-vue/src/components/form-select/index.js +0 -17
  28. package/dist/vendor/bootstrap-vue/src/components/form-textarea/index.js +0 -11
  29. package/dist/vendor/bootstrap-vue/src/components/index.js +1 -49
  30. package/dist/vendor/bootstrap-vue/src/components/input-group/index.js +0 -18
  31. package/dist/vendor/bootstrap-vue/src/components/layout/index.js +0 -12
  32. package/dist/vendor/bootstrap-vue/src/components/link/index.js +0 -10
  33. package/dist/vendor/bootstrap-vue/src/components/modal/index.js +0 -19
  34. package/dist/vendor/bootstrap-vue/src/components/nav/index.js +0 -21
  35. package/dist/vendor/bootstrap-vue/src/components/navbar/index.js +0 -20
  36. package/dist/vendor/bootstrap-vue/src/components/popover/index.js +0 -14
  37. package/dist/vendor/bootstrap-vue/src/components/progress/index.js +0 -12
  38. package/dist/vendor/bootstrap-vue/src/components/table/index.js +0 -38
  39. package/dist/vendor/bootstrap-vue/src/components/tabs/index.js +0 -12
  40. package/dist/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +1 -1
  41. package/dist/vendor/bootstrap-vue/src/components/tooltip/index.js +0 -14
  42. package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -2
  43. package/dist/vendor/bootstrap-vue/src/constants/env.js +1 -2
  44. package/dist/vendor/bootstrap-vue/src/constants/regex.js +1 -3
  45. package/dist/vendor/bootstrap-vue/src/directives/modal/index.js +0 -10
  46. package/dist/vendor/bootstrap-vue/src/directives/toggle/index.js +0 -10
  47. package/dist/vendor/bootstrap-vue/src/directives/tooltip/index.js +0 -10
  48. package/dist/vendor/bootstrap-vue/src/directives/visible/index.js +0 -10
  49. package/dist/vendor/bootstrap-vue/src/index.js +1 -38
  50. package/dist/vendor/bootstrap-vue/src/utils/object.js +1 -3
  51. package/dist/vendor/bootstrap-vue/src/utils/warn.js +2 -17
  52. package/package.json +1 -1
  53. package/src/components/base/filtered_search/filtered_search.scss +2 -2
  54. package/src/components/base/filtered_search/filtered_search_term.scss +1 -0
  55. package/src/components/base/filtered_search/filtered_search_token.scss +10 -7
  56. package/src/components/base/filtered_search/filtered_search_token_segment.scss +1 -0
  57. package/src/components/base/token/token.scss +3 -17
  58. package/src/components/experimental/duo/chat/duo_chat.vue +0 -10
  59. package/src/tokens/build/css/tokens.css +8 -0
  60. package/src/tokens/build/css/tokens.dark.css +8 -0
  61. package/src/tokens/build/js/tokens.dark.js +8 -0
  62. package/src/tokens/build/js/tokens.js +8 -0
  63. package/src/tokens/build/json/tokens.dark.json +219 -0
  64. package/src/tokens/build/json/tokens.json +219 -0
  65. package/src/tokens/build/scss/_tokens.dark.scss +8 -0
  66. package/src/tokens/build/scss/_tokens.scss +8 -0
  67. package/src/tokens/build/scss/_tokens_custom_properties.scss +8 -0
  68. package/src/tokens/contextual/filtered-search.tokens.json +72 -0
  69. package/src/tokens/contextual/token.tokens.json +21 -0
  70. package/src/vendor/bootstrap-vue/src/components/badge/index.d.ts +1 -5
  71. package/src/vendor/bootstrap-vue/src/components/badge/index.js +1 -6
  72. package/src/vendor/bootstrap-vue/src/components/breadcrumb/index.d.ts +1 -5
  73. package/src/vendor/bootstrap-vue/src/components/breadcrumb/index.js +1 -6
  74. package/src/vendor/bootstrap-vue/src/components/button/index.d.ts +1 -5
  75. package/src/vendor/bootstrap-vue/src/components/button/index.js +1 -11
  76. package/src/vendor/bootstrap-vue/src/components/button-group/index.d.ts +1 -5
  77. package/src/vendor/bootstrap-vue/src/components/button-group/index.js +1 -9
  78. package/src/vendor/bootstrap-vue/src/components/collapse/index.d.ts +1 -5
  79. package/src/vendor/bootstrap-vue/src/components/collapse/index.js +1 -8
  80. package/src/vendor/bootstrap-vue/src/components/dropdown/index.d.ts +1 -5
  81. package/src/vendor/bootstrap-vue/src/components/dropdown/index.js +0 -25
  82. package/src/vendor/bootstrap-vue/src/components/form/index.d.ts +1 -5
  83. package/src/vendor/bootstrap-vue/src/components/form/index.js +1 -15
  84. package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.d.ts +1 -5
  85. package/src/vendor/bootstrap-vue/src/components/form-checkbox/index.js +1 -13
  86. package/src/vendor/bootstrap-vue/src/components/form-group/index.d.ts +1 -5
  87. package/src/vendor/bootstrap-vue/src/components/form-group/index.js +1 -9
  88. package/src/vendor/bootstrap-vue/src/components/form-input/index.d.ts +1 -5
  89. package/src/vendor/bootstrap-vue/src/components/form-input/index.js +1 -9
  90. package/src/vendor/bootstrap-vue/src/components/form-radio/index.d.ts +1 -5
  91. package/src/vendor/bootstrap-vue/src/components/form-radio/index.js +1 -11
  92. package/src/vendor/bootstrap-vue/src/components/form-select/index.d.ts +1 -5
  93. package/src/vendor/bootstrap-vue/src/components/form-select/index.js +1 -13
  94. package/src/vendor/bootstrap-vue/src/components/form-textarea/index.d.ts +1 -5
  95. package/src/vendor/bootstrap-vue/src/components/form-textarea/index.js +1 -9
  96. package/src/vendor/bootstrap-vue/src/components/index.js +1 -50
  97. package/src/vendor/bootstrap-vue/src/components/input-group/index.d.ts +1 -5
  98. package/src/vendor/bootstrap-vue/src/components/input-group/index.js +1 -19
  99. package/src/vendor/bootstrap-vue/src/components/layout/index.d.ts +1 -5
  100. package/src/vendor/bootstrap-vue/src/components/layout/index.js +1 -9
  101. package/src/vendor/bootstrap-vue/src/components/link/index.d.ts +1 -5
  102. package/src/vendor/bootstrap-vue/src/components/link/index.js +1 -6
  103. package/src/vendor/bootstrap-vue/src/components/modal/README.md +0 -8
  104. package/src/vendor/bootstrap-vue/src/components/modal/index.d.ts +2 -5
  105. package/src/vendor/bootstrap-vue/src/components/modal/index.js +1 -11
  106. package/src/vendor/bootstrap-vue/src/components/modal/package.json +0 -3
  107. package/src/vendor/bootstrap-vue/src/components/nav/index.d.ts +1 -5
  108. package/src/vendor/bootstrap-vue/src/components/nav/index.js +1 -17
  109. package/src/vendor/bootstrap-vue/src/components/nav/package.json +0 -3
  110. package/src/vendor/bootstrap-vue/src/components/navbar/index.d.ts +1 -4
  111. package/src/vendor/bootstrap-vue/src/components/navbar/index.js +1 -17
  112. package/src/vendor/bootstrap-vue/src/components/navbar/package.json +0 -5
  113. package/src/vendor/bootstrap-vue/src/components/popover/README.md +1 -46
  114. package/src/vendor/bootstrap-vue/src/components/popover/index.d.ts +1 -5
  115. package/src/vendor/bootstrap-vue/src/components/popover/index.js +1 -8
  116. package/src/vendor/bootstrap-vue/src/components/popover/package.json +1 -4
  117. package/src/vendor/bootstrap-vue/src/components/progress/index.d.ts +1 -5
  118. package/src/vendor/bootstrap-vue/src/components/progress/index.js +1 -9
  119. package/src/vendor/bootstrap-vue/src/components/table/README.md +3 -15
  120. package/src/vendor/bootstrap-vue/src/components/table/index.d.ts +1 -7
  121. package/src/vendor/bootstrap-vue/src/components/table/index.js +0 -33
  122. package/src/vendor/bootstrap-vue/src/components/table/package.json +0 -4
  123. package/src/vendor/bootstrap-vue/src/components/tabs/index.d.ts +1 -5
  124. package/src/vendor/bootstrap-vue/src/components/tabs/index.js +1 -9
  125. package/src/vendor/bootstrap-vue/src/components/tooltip/helpers/bv-tooltip.js +1 -1
  126. package/src/vendor/bootstrap-vue/src/components/tooltip/index.d.ts +1 -5
  127. package/src/vendor/bootstrap-vue/src/components/tooltip/index.js +1 -8
  128. package/src/vendor/bootstrap-vue/src/components/tooltip/package.json +0 -3
  129. package/src/vendor/bootstrap-vue/src/constants/components.js +0 -1
  130. package/src/vendor/bootstrap-vue/src/constants/env.js +0 -1
  131. package/src/vendor/bootstrap-vue/src/constants/regex.js +0 -3
  132. package/src/vendor/bootstrap-vue/src/directives/modal/index.d.ts +1 -4
  133. package/src/vendor/bootstrap-vue/src/directives/modal/index.js +1 -6
  134. package/src/vendor/bootstrap-vue/src/directives/toggle/index.d.ts +1 -5
  135. package/src/vendor/bootstrap-vue/src/directives/toggle/index.js +1 -6
  136. package/src/vendor/bootstrap-vue/src/directives/tooltip/README.md +0 -1
  137. package/src/vendor/bootstrap-vue/src/directives/tooltip/index.d.ts +1 -5
  138. package/src/vendor/bootstrap-vue/src/directives/tooltip/index.js +1 -6
  139. package/src/vendor/bootstrap-vue/src/directives/visible/index.d.ts +1 -5
  140. package/src/vendor/bootstrap-vue/src/directives/visible/index.js +1 -6
  141. package/src/vendor/bootstrap-vue/src/icons/icons.js +1 -4
  142. package/src/vendor/bootstrap-vue/src/index.d.ts +0 -3
  143. package/src/vendor/bootstrap-vue/src/index.js +2 -45
  144. package/src/vendor/bootstrap-vue/src/utils/config.spec.js +2 -2
  145. package/src/vendor/bootstrap-vue/src/utils/object.js +0 -2
  146. package/src/vendor/bootstrap-vue/src/utils/warn.js +1 -16
  147. package/translations.js +0 -2
  148. package/dist/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal.js +0 -279
  149. package/dist/vendor/bootstrap-vue/src/directives/hover/hover.js +0 -61
  150. package/dist/vendor/bootstrap-vue/src/directives/hover/index.js +0 -11
  151. package/dist/vendor/bootstrap-vue/src/directives/index.js +0 -23
  152. package/dist/vendor/bootstrap-vue/src/directives/popover/index.js +0 -11
  153. package/dist/vendor/bootstrap-vue/src/directives/popover/popover.js +0 -265
  154. package/dist/vendor/bootstrap-vue/src/directives/scrollspy/helpers/bv-scrollspy.class.js +0 -404
  155. package/dist/vendor/bootstrap-vue/src/directives/scrollspy/index.js +0 -11
  156. package/dist/vendor/bootstrap-vue/src/directives/scrollspy/scrollspy.js +0 -112
  157. package/src/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal.js +0 -279
  158. package/src/vendor/bootstrap-vue/src/components/modal/helpers/bv-modal.spec.js +0 -178
  159. package/src/vendor/bootstrap-vue/src/directives/hover/README.md +0 -87
  160. package/src/vendor/bootstrap-vue/src/directives/hover/hover.js +0 -54
  161. package/src/vendor/bootstrap-vue/src/directives/hover/hover.spec.js +0 -49
  162. package/src/vendor/bootstrap-vue/src/directives/hover/index.d.ts +0 -11
  163. package/src/vendor/bootstrap-vue/src/directives/hover/index.js +0 -8
  164. package/src/vendor/bootstrap-vue/src/directives/hover/package.json +0 -13
  165. package/src/vendor/bootstrap-vue/src/directives/index.d.ts +0 -13
  166. package/src/vendor/bootstrap-vue/src/directives/index.js +0 -22
  167. package/src/vendor/bootstrap-vue/src/directives/popover/README.md +0 -648
  168. package/src/vendor/bootstrap-vue/src/directives/popover/index.d.ts +0 -11
  169. package/src/vendor/bootstrap-vue/src/directives/popover/index.js +0 -8
  170. package/src/vendor/bootstrap-vue/src/directives/popover/package.json +0 -111
  171. package/src/vendor/bootstrap-vue/src/directives/popover/popover.js +0 -275
  172. package/src/vendor/bootstrap-vue/src/directives/popover/popover.spec.js +0 -129
  173. package/src/vendor/bootstrap-vue/src/directives/scrollspy/README.md +0 -411
  174. package/src/vendor/bootstrap-vue/src/directives/scrollspy/helpers/bv-scrollspy.class.js +0 -480
  175. package/src/vendor/bootstrap-vue/src/directives/scrollspy/index.d.ts +0 -11
  176. package/src/vendor/bootstrap-vue/src/directives/scrollspy/index.js +0 -8
  177. package/src/vendor/bootstrap-vue/src/directives/scrollspy/package.json +0 -38
  178. package/src/vendor/bootstrap-vue/src/directives/scrollspy/scrollspy.js +0 -117
@@ -13739,6 +13739,178 @@
13739
13739
  }
13740
13740
  }
13741
13741
  },
13742
+ "filtered-search": {
13743
+ "token": {
13744
+ "type": {
13745
+ "background": {
13746
+ "color": {
13747
+ "default": {
13748
+ "value": "#ececef",
13749
+ "$type": "color",
13750
+ "comment": "Used for the filtered search type token background color in the default state.",
13751
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13752
+ "isSource": true,
13753
+ "original": {
13754
+ "value": {
13755
+ "default": "{color.neutral.50}",
13756
+ "dark": "{color.neutral.900}"
13757
+ },
13758
+ "$type": "color",
13759
+ "comment": "Used for the filtered search type token background color in the default state."
13760
+ },
13761
+ "name": "FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_DEFAULT",
13762
+ "attributes": {},
13763
+ "path": [
13764
+ "filtered-search",
13765
+ "token",
13766
+ "type",
13767
+ "background",
13768
+ "color",
13769
+ "default"
13770
+ ]
13771
+ },
13772
+ "hover": {
13773
+ "value": "#dcdcde",
13774
+ "$type": "color",
13775
+ "comment": "Used for the filtered search type token background color in the hover state.",
13776
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13777
+ "isSource": true,
13778
+ "original": {
13779
+ "value": {
13780
+ "default": "{color.neutral.100}",
13781
+ "dark": "{color.neutral.800}"
13782
+ },
13783
+ "$type": "color",
13784
+ "comment": "Used for the filtered search type token background color in the hover state."
13785
+ },
13786
+ "name": "FILTERED_SEARCH_TOKEN_TYPE_BACKGROUND_COLOR_HOVER",
13787
+ "attributes": {},
13788
+ "path": [
13789
+ "filtered-search",
13790
+ "token",
13791
+ "type",
13792
+ "background",
13793
+ "color",
13794
+ "hover"
13795
+ ]
13796
+ }
13797
+ }
13798
+ }
13799
+ },
13800
+ "data": {
13801
+ "background": {
13802
+ "color": {
13803
+ "default": {
13804
+ "value": "#dcdcde",
13805
+ "$type": "color",
13806
+ "comment": "Used for the filtered search data background color in the default state.",
13807
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13808
+ "isSource": true,
13809
+ "original": {
13810
+ "value": {
13811
+ "default": "{color.neutral.100}",
13812
+ "dark": "{color.neutral.800}"
13813
+ },
13814
+ "$type": "color",
13815
+ "comment": "Used for the filtered search data background color in the default state."
13816
+ },
13817
+ "name": "FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_DEFAULT",
13818
+ "attributes": {},
13819
+ "path": [
13820
+ "filtered-search",
13821
+ "token",
13822
+ "data",
13823
+ "background",
13824
+ "color",
13825
+ "default"
13826
+ ]
13827
+ },
13828
+ "hover": {
13829
+ "value": "#bfbfc3",
13830
+ "$type": "color",
13831
+ "comment": "Used for the filtered search data token background color in the hover state.",
13832
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13833
+ "isSource": true,
13834
+ "original": {
13835
+ "value": {
13836
+ "default": "{color.neutral.200}",
13837
+ "dark": "{color.neutral.700}"
13838
+ },
13839
+ "$type": "color",
13840
+ "comment": "Used for the filtered search data token background color in the hover state."
13841
+ },
13842
+ "name": "FILTERED_SEARCH_TOKEN_DATA_BACKGROUND_COLOR_HOVER",
13843
+ "attributes": {},
13844
+ "path": [
13845
+ "filtered-search",
13846
+ "token",
13847
+ "data",
13848
+ "background",
13849
+ "color",
13850
+ "hover"
13851
+ ]
13852
+ }
13853
+ }
13854
+ }
13855
+ },
13856
+ "operator": {
13857
+ "background": {
13858
+ "color": {
13859
+ "default": {
13860
+ "value": "#ececef",
13861
+ "$type": "color",
13862
+ "comment": "Used for the filtered search operator background color in the default state.",
13863
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13864
+ "isSource": true,
13865
+ "original": {
13866
+ "value": {
13867
+ "default": "{color.neutral.50}",
13868
+ "dark": "{color.neutral.900}"
13869
+ },
13870
+ "$type": "color",
13871
+ "comment": "Used for the filtered search operator background color in the default state."
13872
+ },
13873
+ "name": "FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_DEFAULT",
13874
+ "attributes": {},
13875
+ "path": [
13876
+ "filtered-search",
13877
+ "token",
13878
+ "operator",
13879
+ "background",
13880
+ "color",
13881
+ "default"
13882
+ ]
13883
+ },
13884
+ "hover": {
13885
+ "value": "#bfbfc3",
13886
+ "$type": "color",
13887
+ "comment": "Used for the filtered search operator token background color in the hover state.",
13888
+ "filePath": "src/tokens/contextual/filtered-search.tokens.json",
13889
+ "isSource": true,
13890
+ "original": {
13891
+ "value": {
13892
+ "default": "{color.neutral.200}",
13893
+ "dark": "{color.neutral.700}"
13894
+ },
13895
+ "$type": "color",
13896
+ "comment": "Used for the filtered search operator token background color in the hover state."
13897
+ },
13898
+ "name": "FILTERED_SEARCH_TOKEN_OPERATOR_BACKGROUND_COLOR_HOVER",
13899
+ "attributes": {},
13900
+ "path": [
13901
+ "filtered-search",
13902
+ "token",
13903
+ "operator",
13904
+ "background",
13905
+ "color",
13906
+ "hover"
13907
+ ]
13908
+ }
13909
+ }
13910
+ }
13911
+ }
13912
+ }
13913
+ },
13742
13914
  "label": {
13743
13915
  "light": {
13744
13916
  "text": {
@@ -14392,6 +14564,53 @@
14392
14564
  }
14393
14565
  }
14394
14566
  },
14567
+ "token": {
14568
+ "foreground": {
14569
+ "color": {
14570
+ "value": "#3a383f",
14571
+ "$type": "color",
14572
+ "comment": "Used for the token foreground color.",
14573
+ "filePath": "src/tokens/contextual/token.tokens.json",
14574
+ "isSource": true,
14575
+ "original": {
14576
+ "value": "{text.color.default}",
14577
+ "$type": "color",
14578
+ "comment": "Used for the token foreground color."
14579
+ },
14580
+ "name": "TOKEN_FOREGROUND_COLOR",
14581
+ "attributes": {},
14582
+ "path": [
14583
+ "token",
14584
+ "foreground",
14585
+ "color"
14586
+ ]
14587
+ }
14588
+ },
14589
+ "background": {
14590
+ "color": {
14591
+ "value": "#dcdcde",
14592
+ "$type": "color",
14593
+ "comment": "Used for the token background color.",
14594
+ "filePath": "src/tokens/contextual/token.tokens.json",
14595
+ "isSource": true,
14596
+ "original": {
14597
+ "value": {
14598
+ "default": "{color.neutral.100}",
14599
+ "dark": "{color.neutral.800}"
14600
+ },
14601
+ "$type": "color",
14602
+ "comment": "Used for the token background color."
14603
+ },
14604
+ "name": "TOKEN_BACKGROUND_COLOR",
14605
+ "attributes": {},
14606
+ "path": [
14607
+ "token",
14608
+ "background",
14609
+ "color"
14610
+ ]
14611
+ }
14612
+ }
14613
+ },
14395
14614
  "control": {
14396
14615
  "background": {
14397
14616
  "color": {
@@ -495,6 +495,7 @@ $gl-control-background-color-readonly: $gl-color-alpha-light-8; // Used for the
495
495
  $gl-control-background-color-concatenation: $gl-color-alpha-light-4; // Used for the background of static content that prepends or appends a text input.
496
496
  $gl-control-background-color-disabled: $gl-color-alpha-light-4; // Used for disabled form control (checkbox, input, radio button, textarea) background.
497
497
  $gl-control-background-color-default: $gl-color-alpha-dark-40; // Used for form control (input, radio button, checkbox, textarea) default background.
498
+ $gl-token-background-color: $gl-color-neutral-800; // Used for the token background color.
498
499
  $gl-tab-selected-indicator-color-default: $gl-color-blue-400; // Used for the selected indicator of a tab.
499
500
  $gl-spinner-segment-color-light: $gl-color-neutral-200; // Used for the animated segment of a loading spinner on a dark background.
500
501
  $gl-spinner-segment-color-default: $gl-color-neutral-200; // Used for the animated segment of a loading spinner.
@@ -518,6 +519,12 @@ $gl-label-light-button-icon-color-default: $gl-color-neutral-950; // Used for th
518
519
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
519
520
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
520
521
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
522
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-700; // Used for the filtered search operator token background color in the hover state.
523
+ $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-900; // Used for the filtered search operator background color in the default state.
524
+ $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-700; // Used for the filtered search data token background color in the hover state.
525
+ $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-800; // Used for the filtered search data background color in the default state.
526
+ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-800; // Used for the filtered search type token background color in the hover state.
527
+ $gl-filtered-search-token-type-background-color-default: $gl-color-neutral-900; // Used for the filtered search type token background color in the default state.
521
528
  $gl-datepicker-background-color: $gl-color-neutral-900; // Used for the background color of datepicker.
522
529
  $gl-button-disabled-border-color: $gl-color-neutral-800; // Used for the border of a disabled button.
523
530
  $gl-button-disabled-background-color: $gl-color-neutral-950; // Used for the background of a disabled button.
@@ -760,6 +767,7 @@ $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner
760
767
  $gl-control-placeholder-color: $gl-text-color-disabled; // Used for placeholder text within inputs.
761
768
  $gl-control-text-color-valid: $gl-text-color-success; // Used for the helper text when the input is valid.
762
769
  $gl-control-text-color-error: $gl-text-color-danger; // Used for the helper text when the input is invalid.
770
+ $gl-token-foreground-color: $gl-text-color-default; // Used for the token foreground color.
763
771
  $gl-table-sorting-icon-color: $gl-text-color-heading; // Used for the color of the sorting icons in the column headers.
764
772
  $gl-table-row-background-color-hover: $gl-background-color-subtle; // Used for the background of a table row in hover state.
765
773
  $gl-datepicker-date-text-color-selected: $gl-control-indicator-color-selected; // Used for the datepicker date text color state indicators.
@@ -495,6 +495,7 @@ $gl-control-background-color-readonly: $gl-color-alpha-dark-2; // Used for the b
495
495
  $gl-control-background-color-concatenation: $gl-color-neutral-10; // Used for the background of static content that prepends or appends a text input.
496
496
  $gl-control-background-color-disabled: $gl-color-neutral-10; // Used for disabled form control (checkbox, input, radio button, textarea) background.
497
497
  $gl-control-background-color-default: $gl-color-neutral-0; // Used for form control (input, radio button, checkbox, textarea) default background.
498
+ $gl-token-background-color: $gl-color-neutral-100; // Used for the token background color.
498
499
  $gl-tab-selected-indicator-color-default: $gl-color-blue-500; // Used for the selected indicator of a tab.
499
500
  $gl-spinner-segment-color-light: $gl-color-neutral-200; // Used for the animated segment of a loading spinner on a dark background.
500
501
  $gl-spinner-segment-color-default: $gl-color-neutral-700; // Used for the animated segment of a loading spinner.
@@ -518,6 +519,12 @@ $gl-label-light-button-icon-color-default: $gl-color-neutral-950; // Used for th
518
519
  $gl-label-light-button-background-color-hover: $gl-color-neutral-950; // Used for the label remove button background on a light background color in the hover state.
519
520
  $gl-label-light-button-background-color-default: $gl-color-alpha-0; // Used for the label remove button background on a light background color in the default state.
520
521
  $gl-label-light-text-color: $gl-color-neutral-950; // Used for the label text color on a light background color.
522
+ $gl-filtered-search-token-operator-background-color-hover: $gl-color-neutral-200; // Used for the filtered search operator token background color in the hover state.
523
+ $gl-filtered-search-token-operator-background-color-default: $gl-color-neutral-50; // Used for the filtered search operator background color in the default state.
524
+ $gl-filtered-search-token-data-background-color-hover: $gl-color-neutral-200; // Used for the filtered search data token background color in the hover state.
525
+ $gl-filtered-search-token-data-background-color-default: $gl-color-neutral-100; // Used for the filtered search data background color in the default state.
526
+ $gl-filtered-search-token-type-background-color-hover: $gl-color-neutral-100; // Used for the filtered search type token background color in the hover state.
527
+ $gl-filtered-search-token-type-background-color-default: $gl-color-neutral-50; // Used for the filtered search type token background color in the default state.
521
528
  $gl-datepicker-background-color: $gl-color-neutral-0; // Used for the background color of datepicker.
522
529
  $gl-button-disabled-border-color: $gl-color-neutral-100; // Used for the border of a disabled button.
523
530
  $gl-button-disabled-background-color: $gl-color-neutral-10; // Used for the background of a disabled button.
@@ -760,6 +767,7 @@ $gl-focus-ring-inner-color: $gl-background-color-default; // Used for the inner
760
767
  $gl-control-placeholder-color: $gl-text-color-disabled; // Used for placeholder text within inputs.
761
768
  $gl-control-text-color-valid: $gl-text-color-success; // Used for the helper text when the input is valid.
762
769
  $gl-control-text-color-error: $gl-text-color-danger; // Used for the helper text when the input is invalid.
770
+ $gl-token-foreground-color: $gl-text-color-default; // Used for the token foreground color.
763
771
  $gl-table-sorting-icon-color: $gl-text-color-heading; // Used for the color of the sorting icons in the column headers.
764
772
  $gl-table-row-background-color-hover: $gl-background-color-subtle; // Used for the background of a table row in hover state.
765
773
  $gl-datepicker-date-text-color-selected: $gl-control-indicator-color-selected; // Used for the datepicker date text color state indicators.
@@ -627,6 +627,12 @@ $gl-button-disabled-background-color: var(--gl-button-disabled-background-color)
627
627
  $gl-button-disabled-border-color: var(--gl-button-disabled-border-color);
628
628
  $gl-datepicker-background-color: var(--gl-datepicker-background-color);
629
629
  $gl-datepicker-date-text-color-selected: var(--gl-datepicker-date-text-color-selected);
630
+ $gl-filtered-search-token-type-background-color-default: var(--gl-filtered-search-token-type-background-color-default);
631
+ $gl-filtered-search-token-type-background-color-hover: var(--gl-filtered-search-token-type-background-color-hover);
632
+ $gl-filtered-search-token-data-background-color-default: var(--gl-filtered-search-token-data-background-color-default);
633
+ $gl-filtered-search-token-data-background-color-hover: var(--gl-filtered-search-token-data-background-color-hover);
634
+ $gl-filtered-search-token-operator-background-color-default: var(--gl-filtered-search-token-operator-background-color-default);
635
+ $gl-filtered-search-token-operator-background-color-hover: var(--gl-filtered-search-token-operator-background-color-hover);
630
636
  $gl-label-light-text-color: var(--gl-label-light-text-color);
631
637
  $gl-label-light-button-background-color-default: var(--gl-label-light-button-background-color-default);
632
638
  $gl-label-light-button-background-color-hover: var(--gl-label-light-button-background-color-hover);
@@ -652,6 +658,8 @@ $gl-spinner-segment-color-light: var(--gl-spinner-segment-color-light);
652
658
  $gl-table-row-background-color-hover: var(--gl-table-row-background-color-hover);
653
659
  $gl-table-sorting-icon-color: var(--gl-table-sorting-icon-color);
654
660
  $gl-tab-selected-indicator-color-default: var(--gl-tab-selected-indicator-color-default);
661
+ $gl-token-foreground-color: var(--gl-token-foreground-color);
662
+ $gl-token-background-color: var(--gl-token-background-color);
655
663
  $gl-control-background-color-default: var(--gl-control-background-color-default);
656
664
  $gl-control-background-color-disabled: var(--gl-control-background-color-disabled);
657
665
  $gl-control-background-color-concatenation: var(--gl-control-background-color-concatenation);
@@ -0,0 +1,72 @@
1
+ {
2
+ "filtered-search": {
3
+ "token": {
4
+ "type": {
5
+ "background": {
6
+ "color": {
7
+ "default": {
8
+ "$value": {
9
+ "default": "{color.neutral.50}",
10
+ "dark": "{color.neutral.900}"
11
+ },
12
+ "$type": "color",
13
+ "$description": "Used for the filtered search type token background color in the default state."
14
+ },
15
+ "hover": {
16
+ "$value": {
17
+ "default": "{color.neutral.100}",
18
+ "dark": "{color.neutral.800}"
19
+ },
20
+ "$type": "color",
21
+ "$description": "Used for the filtered search type token background color in the hover state."
22
+ }
23
+ }
24
+ }
25
+ },
26
+ "data": {
27
+ "background": {
28
+ "color": {
29
+ "default": {
30
+ "$value": {
31
+ "default": "{color.neutral.100}",
32
+ "dark": "{color.neutral.800}"
33
+ },
34
+ "$type": "color",
35
+ "$description": "Used for the filtered search data background color in the default state."
36
+ },
37
+ "hover": {
38
+ "$value": {
39
+ "default": "{color.neutral.200}",
40
+ "dark": "{color.neutral.700}"
41
+ },
42
+ "$type": "color",
43
+ "$description": "Used for the filtered search data token background color in the hover state."
44
+ }
45
+ }
46
+ }
47
+ },
48
+ "operator": {
49
+ "background": {
50
+ "color": {
51
+ "default": {
52
+ "$value": {
53
+ "default": "{color.neutral.50}",
54
+ "dark": "{color.neutral.900}"
55
+ },
56
+ "$type": "color",
57
+ "$description": "Used for the filtered search operator background color in the default state."
58
+ },
59
+ "hover": {
60
+ "$value": {
61
+ "default": "{color.neutral.200}",
62
+ "dark": "{color.neutral.700}"
63
+ },
64
+ "$type": "color",
65
+ "$description": "Used for the filtered search operator token background color in the hover state."
66
+ }
67
+ }
68
+ }
69
+ }
70
+ }
71
+ }
72
+ }
@@ -0,0 +1,21 @@
1
+ {
2
+ "token": {
3
+ "foreground": {
4
+ "color": {
5
+ "$value": "{text.color.default}",
6
+ "$type": "color",
7
+ "$description": "Used for the token foreground color."
8
+ }
9
+ },
10
+ "background": {
11
+ "color": {
12
+ "$value": {
13
+ "default": "{color.neutral.100}",
14
+ "dark": "{color.neutral.800}"
15
+ },
16
+ "$type": "color",
17
+ "$description": "Used for the token background color."
18
+ }
19
+ }
20
+ }
21
+ }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Badge
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const BadgePlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-badge
11
7
  export declare class BBadge extends BvComponent {}
@@ -1,8 +1,3 @@
1
1
  import { BBadge } from './badge'
2
- import { pluginFactory } from '../../utils/plugins'
3
2
 
4
- const BadgePlugin = /*#__PURE__*/ pluginFactory({
5
- components: { BBadge }
6
- })
7
-
8
- export { BadgePlugin, BBadge }
3
+ export { BBadge }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Breadcrumb
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const BreadcrumbPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-breadcrumb
11
7
  export declare class BBreadcrumb extends BvComponent {}
@@ -1,10 +1,5 @@
1
1
  import { BBreadcrumb } from './breadcrumb'
2
2
  import { BBreadcrumbItem } from './breadcrumb-item'
3
3
  import { BBreadcrumbLink } from './breadcrumb-link'
4
- import { pluginFactory } from '../../utils/plugins'
5
4
 
6
- const BreadcrumbPlugin = /*#__PURE__*/ pluginFactory({
7
- components: { BBreadcrumb, BBreadcrumbItem, BBreadcrumbLink }
8
- })
9
-
10
- export { BreadcrumbPlugin, BBreadcrumb, BBreadcrumbItem, BBreadcrumbLink }
5
+ export { BBreadcrumb, BBreadcrumbItem, BBreadcrumbLink }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Buttons
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const ButtonPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-button
11
7
  export declare class BButton extends BvComponent {}
@@ -1,14 +1,4 @@
1
1
  import { BButton } from './button'
2
2
  import { BButtonClose } from './button-close'
3
- import { pluginFactory } from '../../utils/plugins'
4
3
 
5
- const ButtonPlugin = /*#__PURE__*/ pluginFactory({
6
- components: {
7
- BButton,
8
- BBtn: BButton,
9
- BButtonClose,
10
- BBtnClose: BButtonClose
11
- }
12
- })
13
-
14
- export { ButtonPlugin, BButton, BButtonClose }
4
+ export { BButton, BButtonClose }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Button Group
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const ButtonGroupPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-button-group
11
7
  export declare class BButtonGroup extends BvComponent {}
@@ -1,11 +1,3 @@
1
1
  import { BButtonGroup } from './button-group'
2
- import { pluginFactory } from '../../utils/plugins'
3
2
 
4
- const ButtonGroupPlugin = /*#__PURE__*/ pluginFactory({
5
- components: {
6
- BButtonGroup,
7
- BBtnGroup: BButtonGroup
8
- }
9
- })
10
-
11
- export { ButtonGroupPlugin, BButtonGroup }
3
+ export { BButtonGroup }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Collapse
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const CollapsePlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-collapse
11
7
  export declare class BCollapse extends BvComponent {
@@ -1,10 +1,3 @@
1
1
  import { BCollapse } from './collapse'
2
- import { VBTogglePlugin } from '../../directives/toggle'
3
- import { pluginFactory } from '../../utils/plugins'
4
2
 
5
- const CollapsePlugin = /*#__PURE__*/ pluginFactory({
6
- components: { BCollapse },
7
- plugins: { VBTogglePlugin }
8
- })
9
-
10
- export { CollapsePlugin, BCollapse }
3
+ export { BCollapse }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Dropdown
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const DropdownPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-dropdown
11
7
  export declare class BDropdown extends BvComponent {
@@ -6,33 +6,8 @@ import { BDropdownDivider } from './dropdown-divider'
6
6
  import { BDropdownForm } from './dropdown-form'
7
7
  import { BDropdownText } from './dropdown-text'
8
8
  import { BDropdownGroup } from './dropdown-group'
9
- import { pluginFactory } from '../../utils/plugins'
10
-
11
- const DropdownPlugin = /*#__PURE__*/ pluginFactory({
12
- components: {
13
- BDropdown,
14
- BDd: BDropdown,
15
- BDropdownItem,
16
- BDdItem: BDropdownItem,
17
- BDropdownItemButton,
18
- BDropdownItemBtn: BDropdownItemButton,
19
- BDdItemButton: BDropdownItemButton,
20
- BDdItemBtn: BDropdownItemButton,
21
- BDropdownHeader,
22
- BDdHeader: BDropdownHeader,
23
- BDropdownDivider,
24
- BDdDivider: BDropdownDivider,
25
- BDropdownForm,
26
- BDdForm: BDropdownForm,
27
- BDropdownText,
28
- BDdText: BDropdownText,
29
- BDropdownGroup,
30
- BDdGroup: BDropdownGroup
31
- }
32
- })
33
9
 
34
10
  export {
35
- DropdownPlugin,
36
11
  BDropdown,
37
12
  BDropdownItem,
38
13
  BDropdownItemButton,
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Form
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const FormPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-form
11
7
  export declare class BForm extends BvComponent {}
@@ -2,20 +2,6 @@ import { BForm } from './form'
2
2
  import { BFormText } from './form-text'
3
3
  import { BFormInvalidFeedback } from './form-invalid-feedback'
4
4
  import { BFormValidFeedback } from './form-valid-feedback'
5
- import { BFormRow } from '../layout/form-row'
6
- import { pluginFactory } from '../../utils/plugins'
7
-
8
- const FormPlugin = /*#__PURE__*/ pluginFactory({
9
- components: {
10
- BForm,
11
- BFormText,
12
- BFormInvalidFeedback,
13
- BFormFeedback: BFormInvalidFeedback,
14
- BFormValidFeedback,
15
- // Added here for convenience
16
- BFormRow
17
- }
18
- })
19
5
 
20
6
  // BFormRow is not exported here as a named export, as it is exported by Layout
21
- export { FormPlugin, BForm, BFormText, BFormInvalidFeedback, BFormValidFeedback }
7
+ export { BForm, BFormText, BFormInvalidFeedback, BFormValidFeedback }
@@ -1,11 +1,7 @@
1
1
  //
2
2
  // Form Checkbox
3
3
  //
4
- import Vue from 'vue'
5
- import { BvPlugin, BvComponent } from '../../'
6
-
7
- // Plugin
8
- export declare const FormCheckboxPlugin: BvPlugin
4
+ import { BvComponent } from '../../'
9
5
 
10
6
  // Component: b-form-checkbox
11
7
  export declare class BFormCheckbox extends BvComponent {}