@gitlab/ui 80.7.1 → 80.8.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 (30) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/components/base/button/button.js +1 -2
  3. package/dist/components/base/form/form_textarea/form_textarea.js +1 -1
  4. package/dist/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.js +3 -2
  5. package/dist/index.css +2 -2
  6. package/dist/index.css.map +1 -1
  7. package/dist/tailwind.css +1 -1
  8. package/dist/tailwind.css.map +1 -1
  9. package/dist/utility_classes.css +1 -1
  10. package/dist/utility_classes.css.map +1 -1
  11. package/package.json +1 -1
  12. package/src/components/base/alert/alert.scss +4 -0
  13. package/src/components/base/avatar_labeled/avatar_labeled.scss +1 -1
  14. package/src/components/base/badge/badge.scss +4 -0
  15. package/src/components/base/button/button.scss +33 -0
  16. package/src/components/base/button/button.vue +1 -9
  17. package/src/components/base/form/form_checkbox/form_checkbox.scss +25 -1
  18. package/src/components/base/form/form_combobox/form_combobox.stories.js +1 -1
  19. package/src/components/base/form/form_input/form_input.scss +4 -0
  20. package/src/components/base/form/form_select/form_select.scss +5 -0
  21. package/src/components/base/form/form_textarea/form_textarea.vue +3 -3
  22. package/src/components/base/label/label.scss +8 -0
  23. package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.stories.js +1 -1
  24. package/src/components/base/new_dropdowns/listbox/listbox.md +1 -1
  25. package/src/components/base/new_dropdowns/listbox/listbox.stories.js +2 -2
  26. package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.vue +3 -2
  27. package/src/internal/color_contrast/color_contrast.vue +1 -1
  28. package/src/scss/mixins.scss +12 -0
  29. package/src/scss/storybook.scss +2 -2
  30. package/src/scss/variables.scss +0 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ # [80.8.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.7.2...v80.8.0) (2024-05-09)
2
+
3
+
4
+ ### Features
5
+
6
+ * **ForcedColorsMode:** Improve readability of components ([d968b6d](https://gitlab.com/gitlab-org/gitlab-ui/commit/d968b6db2ecb18eb5299ea1825d9699aacd3168d))
7
+ * **ForcedColorsMode:** Improve readability of components ([3d918b7](https://gitlab.com/gitlab-org/gitlab-ui/commit/3d918b7965d859ca4864714f181026066c3c03fc))
8
+ * **ForcedColorsMode:** Improve readability of components ([d00e2e3](https://gitlab.com/gitlab-org/gitlab-ui/commit/d00e2e3470507ad127fb575a179b56834a7f78b1))
9
+ * **ForcedColorsMode:** Improve readability of components ([65ed389](https://gitlab.com/gitlab-org/gitlab-ui/commit/65ed3898e7ce88d21b03024446024108c7beaaa1))
10
+ * **ForcedColorsMode:** Improve readability of components ([69f82f7](https://gitlab.com/gitlab-org/gitlab-ui/commit/69f82f7adad75e43d5c0917813b9c59a61791aa1))
11
+
12
+ ## [80.7.2](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.7.1...v80.7.2) (2024-05-09)
13
+
14
+
15
+ ### Bug Fixes
16
+
17
+ * **DuoChat:** refactor error styles ([6f76567](https://gitlab.com/gitlab-org/gitlab-ui/commit/6f7656781c80a7919c9f38093012570f8b6a09b9))
18
+
1
19
  ## [80.7.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v80.7.0...v80.7.1) (2024-05-09)
2
20
 
3
21
 
@@ -83,8 +83,7 @@ var script = {
83
83
  },
84
84
  buttonClasses() {
85
85
  const classes = ['gl-button'];
86
- const nonCategoryVariants = [buttonVariantOptions.dashed, buttonVariantOptions.link, buttonVariantOptions.reset];
87
- if (!nonCategoryVariants.includes(this.variant) && this.category !== buttonCategoryOptions.primary) {
86
+ if (this.category !== buttonCategoryOptions.primary) {
88
87
  classes.push(`btn-${this.variant}-${this.category}`);
89
88
  }
90
89
  classes.push({
@@ -84,7 +84,7 @@ var script = {
84
84
  return this.remainingCharacterCount < 0;
85
85
  },
86
86
  characterCountTextClass() {
87
- return this.isCharacterCountOverLimit ? 'gl-text-red-500' : 'gl-text-gray-500';
87
+ return this.isCharacterCountOverLimit ? 'gl-text-danger' : 'gl-text-subtle';
88
88
  },
89
89
  showCharacterCount() {
90
90
  return this.characterCount !== null;
@@ -178,10 +178,11 @@ const __vue_script__ = script;
178
178
  /* template */
179
179
  var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"gl-p-4 gl-mb-4 gl-rounded-lg gl-line-height-20 gl-word-break-word duo-chat-message",class:{
180
180
  'gl-ml-auto gl-bg-blue-100 gl-text-blue-900 gl-rounded-bottom-right-none': _vm.isUserMessage,
181
- 'gl-rounded-bottom-left-none gl-text-gray-900 gl-bg-white gl-border-1 gl-border-solid gl-border-gray-50':
181
+ 'gl-rounded-bottom-left-none gl-text-gray-900 gl-border-1 gl-border-solid gl-border-gray-50':
182
182
  _vm.isAssistantMessage,
183
+ 'gl-bg-white': _vm.isAssistantMessage && !_vm.error,
183
184
  'gl-bg-red-50 gl-border-none!': _vm.error,
184
- }},[(_vm.error)?_c('gl-icon',{staticClass:"gl-text-red-600 gl-border gl-border-red-500 gl-rounded-full gl-mr-3 gl-flex-shrink-0 error-icon",attrs:{"aria-label":_vm.$options.i18n.MESSAGE_ERROR,"name":"status_warning_borderless","size":16,"data-testid":"error"}}):_vm._e(),_vm._v(" "),_c('div',{ref:"content-wrapper",class:{ 'has-error': _vm.error }},[(_vm.error)?_c('div',{ref:"error-message",staticClass:"error-message"},[_vm._v(_vm._s(_vm.error))]):_c('div',[_c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(_vm.messageContent),expression:"messageContent",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content"}),_vm._v(" "),(_vm.isAssistantMessage)?[(_vm.sources)?_c('documentation-sources',{attrs:{"sources":_vm.sources}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-display-flex gl-align-items-flex-end gl-mt-4 duo-chat-message-feedback"},[_c('gl-duo-user-feedback',{attrs:{"feedback-received":_vm.hasFeedback,"modal-title":_vm.$options.i18n.MODAL.TITLE,"modal-alert":_vm.$options.i18n.MODAL.ALERT_TEXT},on:{"feedback":_vm.logEvent},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.DID_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.INTERACTION},model:{value:(_vm.didWhat),callback:function ($$v) {_vm.didWhat=$$v;},expression:"didWhat"}})],1),_vm._v(" "),_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.IMPROVE_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.BETTER_RESPONSE},model:{value:(_vm.improveWhat),callback:function ($$v) {_vm.improveWhat=$$v;},expression:"improveWhat"}})],1)]},proxy:true}],null,false,419229417)})],1)]:_vm._e()],2)])],1)};
185
+ }},[(_vm.error)?_c('gl-icon',{staticClass:"gl-text-red-600 gl-border gl-border-red-500 gl-rounded-full gl-mr-3 gl-flex-shrink-0 error-icon",attrs:{"aria-label":_vm.$options.i18n.MESSAGE_ERROR,"name":"status_warning_borderless","size":16,"data-testid":"error"}}):_vm._e(),_vm._v(" "),_c('div',{ref:"content-wrapper",class:{ 'has-error': _vm.error }},[(_vm.error)?_c('div',{ref:"error-message"},[_vm._v(_vm._s(_vm.error))]):_c('div',[_c('div',{directives:[{name:"safe-html",rawName:"v-safe-html:[$options.safeHtmlConfigExtension]",value:(_vm.messageContent),expression:"messageContent",arg:_vm.$options.safeHtmlConfigExtension}],ref:"content"}),_vm._v(" "),(_vm.isAssistantMessage)?[(_vm.sources)?_c('documentation-sources',{attrs:{"sources":_vm.sources}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-display-flex gl-align-items-flex-end gl-mt-4 duo-chat-message-feedback"},[_c('gl-duo-user-feedback',{attrs:{"feedback-received":_vm.hasFeedback,"modal-title":_vm.$options.i18n.MODAL.TITLE,"modal-alert":_vm.$options.i18n.MODAL.ALERT_TEXT},on:{"feedback":_vm.logEvent},scopedSlots:_vm._u([{key:"feedback-extra-fields",fn:function(){return [_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.DID_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.INTERACTION},model:{value:(_vm.didWhat),callback:function ($$v) {_vm.didWhat=$$v;},expression:"didWhat"}})],1),_vm._v(" "),_c('gl-form-group',{attrs:{"label":_vm.$options.i18n.MODAL.IMPROVE_WHAT,"optional":""}},[_c('gl-form-textarea',{attrs:{"placeholder":_vm.$options.i18n.MODAL.BETTER_RESPONSE},model:{value:(_vm.improveWhat),callback:function ($$v) {_vm.improveWhat=$$v;},expression:"improveWhat"}})],1)]},proxy:true}],null,false,419229417)})],1)]:_vm._e()],2)])],1)};
185
186
  var __vue_staticRenderFns__ = [];
186
187
 
187
188
  /* style */