@gitlab/ui 73.0.0 → 73.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 (29) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/experimental/duo/chat/duo_chat.js +9 -1
  3. package/dist/tokens/css/tokens.css +1 -1
  4. package/dist/tokens/css/tokens.dark.css +1 -1
  5. package/dist/tokens/js/tokens.dark.js +1 -1
  6. package/dist/tokens/js/tokens.js +1 -1
  7. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  8. package/dist/tokens/scss/_tokens.scss +1 -1
  9. package/dist/utility_classes.css +1 -1
  10. package/dist/utility_classes.css.map +1 -1
  11. package/dist/utils/play_utils.js +11 -0
  12. package/package.json +4 -1
  13. package/src/components/base/filtered_search/filtered_search.stories.js +10 -3
  14. package/src/components/base/filtered_search/filtered_search_suggestion_list.stories.js +6 -3
  15. package/src/components/base/filtered_search/filtered_search_term.stories.js +2 -3
  16. package/src/components/base/filtered_search/filtered_search_token.stories.js +5 -20
  17. package/src/components/base/filtered_search/filtered_search_token_segment.stories.js +3 -6
  18. package/src/components/base/form/form_combobox/form_combobox.stories.js +23 -9
  19. package/src/components/base/sorting/sorting.stories.js +8 -3
  20. package/src/components/base/toast/toast.stories.js +12 -9
  21. package/src/components/base/token_selector/token_selector.stories.js +8 -3
  22. package/src/components/base/tooltip/tooltip.stories.js +13 -3
  23. package/src/components/experimental/duo/chat/duo_chat.spec.js +13 -0
  24. package/src/components/experimental/duo/chat/duo_chat.stories.js +6 -1
  25. package/src/components/experimental/duo/chat/duo_chat.vue +13 -1
  26. package/src/components/utilities/animated_number/animated_number.stories.js +0 -13
  27. package/src/scss/utilities.scss +2 -2
  28. package/src/scss/utility-mixins/typography.scss +1 -1
  29. package/src/utils/play_utils.js +9 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [73.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v73.0.1...v73.1.0) (2024-01-31)
2
+
3
+
4
+ ### Features
5
+
6
+ * **GlDuoChat:** Adds showHeader prop ([694f75f](https://gitlab.com/gitlab-org/gitlab-ui/commit/694f75fe5480416eef5ffd08ab32f6ed76da22ee))
7
+
8
+ ## [73.0.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v73.0.0...v73.0.1) (2024-01-30)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * **Typography:** Change name of display heading ([e00a243](https://gitlab.com/gitlab-org/gitlab-ui/commit/e00a2439b797fb92b6ee2d248e7c0b11afb91181)), closes [/gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/merge_requests/3707#note_1749912712](https://gitlab.com//gitlab.com/gitlab-org/gitlab-services/design.gitlab.com/-/merge_requests/3707/issues/note_1749912712)
14
+
1
15
  # [73.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v72.14.0...v73.0.0) (2024-01-30)
2
16
 
3
17
 
@@ -140,6 +140,14 @@ var script = {
140
140
  required: false,
141
141
  default: () => [],
142
142
  validator: slashCommandsValidator
143
+ },
144
+ /**
145
+ * Whether the header should be displayed.
146
+ */
147
+ showHeader: {
148
+ type: Boolean,
149
+ required: false,
150
+ default: true
143
151
  }
144
152
  },
145
153
  data() {
@@ -309,7 +317,7 @@ var script = {
309
317
  const __vue_script__ = script;
310
318
 
311
319
  /* template */
312
- var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{ref:"drawer",staticClass:"markdown-code-block gl-drawer gl-drawer-default gl-max-h-full gl-bottom-0 gl-shadow-none gl-border-l gl-border-t duo-chat",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"},on:{"scroll":_vm.handleScrollingTrottled}},[_c('header',{staticClass:"gl-drawer-header gl-drawer-header-sticky gl-z-index-200 gl-p-0! gl-border-b-0"},[_c('div',{staticClass:"drawer-title gl-display-flex gl-justify-content-start gl-align-items-center gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-font-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}),_vm._v(" "),_c('gl-button',{staticClass:"gl-p-0! gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"gl-text-center gl-border-t gl-p-4 gl-text-gray-700 gl-bg-gray-50 legal-warning gl-max-w-full",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader")],2),_vm._v(" "),_c('div',{staticClass:"gl-drawer-body gl-display-flex gl-flex-direction-column"},[_vm._t("hero"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"gl-mb-0 gl-pl-9!",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e(),_vm._v(" "),_c('section',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end gl-flex-grow-1 gl-border-b-0 gl-bg-gray-10"},[_c('transition-group',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end",class:[
320
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isHidden)?_c('aside',{ref:"drawer",staticClass:"markdown-code-block gl-drawer gl-drawer-default gl-max-h-full gl-bottom-0 gl-shadow-none gl-border-l gl-border-t duo-chat",attrs:{"id":"chat-component","role":"complementary","data-testid":"chat-component"},on:{"scroll":_vm.handleScrollingTrottled}},[(_vm.showHeader)?_c('header',{staticClass:"gl-drawer-header gl-drawer-header-sticky gl-z-index-200 gl-p-0! gl-border-b-0",attrs:{"data-testid":"chat-header"}},[_c('div',{staticClass:"drawer-title gl-display-flex gl-justify-content-start gl-align-items-center gl-p-5"},[_c('h3',{staticClass:"gl-my-0 gl-font-size-h2"},[_vm._v(_vm._s(_vm.title))]),_vm._v(" "),_c('gl-experiment-badge',{attrs:{"help-page-url":_vm.badgeHelpPageUrl,"type":_vm.badgeType,"container-id":"chat-component"}}),_vm._v(" "),_c('gl-button',{staticClass:"gl-p-0! gl-ml-auto",attrs:{"category":"tertiary","variant":"default","icon":"close","size":"small","data-testid":"chat-close-button","aria-label":_vm.$options.i18n.CHAT_CLOSE_LABEL},on:{"click":_vm.hideChat}})],1),_vm._v(" "),_c('gl-alert',{staticClass:"gl-text-center gl-border-t gl-p-4 gl-text-gray-700 gl-bg-gray-50 legal-warning gl-max-w-full",attrs:{"dismissible":false,"variant":"tip","show-icon":false,"role":"alert","data-testid":"chat-legal-warning"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_GENERATED_BY_AI))]),_vm._v(" "),_vm._t("subheader")],2):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-drawer-body gl-display-flex gl-flex-direction-column"},[_vm._t("hero"),_vm._v(" "),(_vm.error)?_c('gl-alert',{key:"error",staticClass:"gl-mb-0 gl-pl-9!",attrs:{"dismissible":false,"variant":"danger","role":"alert","data-testid":"chat-error"}},[_c('span',{directives:[{name:"safe-html",rawName:"v-safe-html",value:(_vm.error),expression:"error"}]})]):_vm._e(),_vm._v(" "),_c('section',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end gl-flex-grow-1 gl-border-b-0 gl-bg-gray-10"},[_c('transition-group',{staticClass:"gl-display-flex gl-flex-direction-column gl-justify-content-end",class:[
313
321
  {
314
322
  'gl-h-full': !_vm.hasMessages,
315
323
  'gl-h-auto': _vm.hasMessages,
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ * Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ * Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
  */
5
5
 
6
6
  :root.gl-dark {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ * Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#133a03";
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ * Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
  */
5
5
 
6
6
  export const DATA_VIZ_GREEN_50 = "#ddfab7";
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ // Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
 
5
5
  $red-950: #fff4f3;
6
6
  $red-900: #fcf1ef;
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 30 Jan 2024 19:03:35 GMT
3
+ // Generated on Wed, 31 Jan 2024 08:13:00 GMT
4
4
 
5
5
  $gl-line-height-52: 3.25rem;
6
6
  $gl-line-height-44: 2.75rem;