@gitlab/ui 89.6.0 → 90.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 (36) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/dist/components/experimental/duo/chat/duo_chat.js +1 -3
  3. package/dist/config.js +0 -4
  4. package/dist/index.css +2 -2
  5. package/dist/index.css.map +1 -1
  6. package/dist/index.js +0 -1
  7. package/dist/tokens/build/js/tokens.dark.js +21 -1
  8. package/dist/tokens/build/js/tokens.js +21 -1
  9. package/dist/tokens/css/tokens.css +20 -0
  10. package/dist/tokens/css/tokens.dark.css +20 -0
  11. package/dist/tokens/js/tokens.dark.js +20 -0
  12. package/dist/tokens/js/tokens.js +20 -0
  13. package/dist/tokens/json/tokens.dark.json +532 -0
  14. package/dist/tokens/json/tokens.json +532 -0
  15. package/dist/tokens/scss/_tokens.dark.scss +20 -0
  16. package/dist/tokens/scss/_tokens.scss +20 -0
  17. package/dist/tokens/scss/_tokens_custom_properties.scss +20 -0
  18. package/package.json +1 -1
  19. package/src/components/base/alert/alert.scss +87 -41
  20. package/src/components/base/form/form_group/form_group.scss +7 -8
  21. package/src/components/experimental/duo/chat/duo_chat.vue +4 -5
  22. package/src/config.js +0 -5
  23. package/src/index.js +0 -1
  24. package/src/tokens/build/css/tokens.css +20 -0
  25. package/src/tokens/build/css/tokens.dark.css +20 -0
  26. package/src/tokens/build/js/tokens.dark.js +20 -0
  27. package/src/tokens/build/js/tokens.js +20 -0
  28. package/src/tokens/build/json/tokens.dark.json +532 -0
  29. package/src/tokens/build/json/tokens.json +532 -0
  30. package/src/tokens/build/scss/_tokens.dark.scss +20 -0
  31. package/src/tokens/build/scss/_tokens.scss +20 -0
  32. package/src/tokens/build/scss/_tokens_custom_properties.scss +20 -0
  33. package/src/tokens/contextual/alert.tokens.json +224 -0
  34. package/dist/components/base/form/form_text/form_text.js +0 -46
  35. package/src/components/base/form/form_text/form_text.md +0 -4
  36. package/src/components/base/form/form_text/form_text.vue +0 -11
package/CHANGELOG.md CHANGED
@@ -1,3 +1,23 @@
1
+ # [90.0.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v89.7.0...v90.0.0) (2024-08-22)
2
+
3
+
4
+ ### Code Refactoring
5
+
6
+ * **GlFormText:** Remove component ([9f0c757](https://gitlab.com/gitlab-org/gitlab-ui/commit/9f0c757e76e91245ba5794ab4a578393b984820d))
7
+
8
+
9
+ ### BREAKING CHANGES
10
+
11
+ * **GlFormText:** Remove GlFormText component entirely. Bootstrap's
12
+ internal BFormText does still exist and is used in e.g. the GlFormGroup
13
+
14
+ # [89.7.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v89.6.0...v89.7.0) (2024-08-21)
15
+
16
+
17
+ ### Features
18
+
19
+ * **Alert:** Update darkmode ([54007c2](https://gitlab.com/gitlab-org/gitlab-ui/commit/54007c2949c79c1d1ab29e26b2578774ada1c25e))
20
+
1
21
  # [89.6.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v89.5.0...v89.6.0) (2024-08-20)
2
22
 
3
23
 
@@ -8,7 +8,6 @@ import GlAlert from '../../../base/alert/alert';
8
8
  import GlFormInputGroup from '../../../base/form/form_input_group/form_input_group';
9
9
  import GlFormTextarea from '../../../base/form/form_textarea/form_textarea';
10
10
  import GlForm from '../../../base/form/form';
11
- import GlFormText from '../../../base/form/form_text/form_text';
12
11
  import GlExperimentBadge from '../../experiment_badge/experiment_badge';
13
12
  import { badgeTypes, badgeTypeValidator } from '../../experiment_badge/constants';
14
13
  import { SafeHtmlDirective } from '../../../../directives/safe_html/safe_html';
@@ -47,7 +46,6 @@ var script = {
47
46
  GlFormInputGroup,
48
47
  GlFormTextarea,
49
48
  GlForm,
50
- GlFormText,
51
49
  GlExperimentBadge,
52
50
  GlDuoChatLoader,
53
51
  GlDuoChatPredefinedPrompts,
@@ -427,7 +425,7 @@ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=
427
425
  {
428
426
  'gl-h-full': !_vm.hasMessages,
429
427
  'force-scroll-bar': _vm.hasMessages,
430
- } ],attrs:{"tag":"section","name":"message"}},[_vm._l((_vm.conversations),function(conversation,index){return _c('gl-duo-chat-conversation',{key:("conversation-" + index),attrs:{"enable-code-insertion":_vm.enableCodeInsertion,"messages":conversation,"canceled-request-ids":_vm.canceledRequestIds,"show-delimiter":index > 0},on:{"track-feedback":_vm.onTrackFeedback,"insert-code-snippet":_vm.onInsertCodeSnippet}})}),_vm._v(" "),(!_vm.hasMessages && !_vm.isLoading)?[_c('gl-empty-state',{key:"empty-state",staticClass:"gl-flex-grow gl-justify-center",attrs:{"svg-path":_vm.$options.emptySvg,"svg-height":145,"title":_vm.emptyStateTitle,"description":_vm.emptyStateDescription}}),_vm._v(" "),_c('gl-duo-chat-predefined-prompts',{key:"predefined-prompts",attrs:{"prompts":_vm.predefinedPrompts},on:{"click":_vm.sendPredefinedPrompt}})]:_vm._e(),_vm._v(" "),(_vm.isLoading)?_c('gl-duo-chat-loader',{key:"loader",attrs:{"tool-name":_vm.toolName}}):_vm._e(),_vm._v(" "),_c('div',{key:"anchor",ref:"anchor",staticClass:"scroll-anchor"})],2)],1),_vm._v(" "),(_vm.isChatAvailable)?_c('footer',{staticClass:"duo-chat-drawer-footer duo-chat-drawer-footer-sticky gl-border-t gl-bg-gray-10 gl-p-5",class:{ 'duo-chat-drawer-body-scrim-on-footer': !_vm.scrolledToBottom },attrs:{"data-testid":"chat-footer"}},[_c('gl-form',{attrs:{"data-testid":"chat-prompt-form"},on:{"submit":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sendChatPrompt.apply(null, arguments)}}},[_c('gl-form-input-group',{scopedSlots:_vm._u([{key:"append",fn:function(){return [(_vm.displaySubmitButton)?_c('gl-button',{staticClass:"!gl-absolute gl-bottom-2 gl-right-2 !gl-rounded-base",attrs:{"icon":"paper-airplane","category":"primary","variant":"confirm","type":"submit","data-testid":"chat-prompt-submit-button","aria-label":_vm.$options.i18n.CHAT_SUBMIT_LABEL}}):_c('gl-button',{staticClass:"!gl-absolute gl-bottom-2 gl-right-2 !gl-rounded-base",attrs:{"icon":"stop","category":"primary","variant":"default","data-testid":"chat-prompt-cancel-button","aria-label":_vm.$options.i18n.CHAT_CANCEL_LABEL},on:{"click":_vm.cancelPrompt}})]},proxy:true}],null,false,677611116)},[_c('div',{staticClass:"duo-chat-input gl-min-h-8 gl-max-w-full gl-grow gl-rounded-base gl-bg-white gl-align-top gl-shadow-inner-1-gray-400",attrs:{"data-value":_vm.prompt}},[(_vm.shouldShowSlashCommands)?_c('gl-card',{ref:"commands",staticClass:"slash-commands !gl-absolute gl-w-full -gl-translate-y-full gl-list-none gl-pl-0 gl-shadow-md",attrs:{"body-class":"!gl-p-2"}},_vm._l((_vm.filteredSlashCommands),function(command,index){return _c('gl-dropdown-item',{key:command.name,class:{ 'active-command': index === _vm.activeCommandIndex },on:{"click":function($event){return _vm.selectSlashCommand(index)}},nativeOn:{"mouseenter":function($event){_vm.activeCommandIndex = index;}}},[_c('span',{staticClass:"gl-flex gl-justify-between"},[_c('span',{staticClass:"gl-block"},[_vm._v(_vm._s(command.name))]),_vm._v(" "),_c('small',{staticClass:"gl-pl-3 gl-text-right gl-italic gl-text-gray-500"},[_vm._v(_vm._s(command.description))])])])}),1):_vm._e(),_vm._v(" "),_c('gl-form-textarea',{ref:"prompt",staticClass:"gl-absolute !gl-h-full gl-rounded-br-none gl-rounded-tr-none !gl-bg-transparent !gl-py-4 !gl-shadow-none",class:{ 'gl-truncate': !_vm.prompt },attrs:{"data-testid":"chat-prompt-input","placeholder":_vm.inputPlaceholder,"autofocus":""},on:{"compositionend":_vm.compositionEnd},nativeOn:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }$event.preventDefault();},"keyup":function($event){return _vm.onInputKeyup.apply(null, arguments)}},model:{value:(_vm.prompt),callback:function ($$v) {_vm.prompt=$$v;},expression:"prompt"}})],1)]),_vm._v(" "),_c('gl-form-text',{staticClass:"gl-mt-3 gl-leading-20 gl-text-gray-400",attrs:{"data-testid":"chat-legal-disclaimer"}},[_vm._v(_vm._s(_vm.$options.i18n.CHAT_LEGAL_DISCLAIMER))])],1)],1):_vm._e()]):_vm._e()};
428
+ } ],attrs:{"tag":"section","name":"message"}},[_vm._l((_vm.conversations),function(conversation,index){return _c('gl-duo-chat-conversation',{key:("conversation-" + index),attrs:{"enable-code-insertion":_vm.enableCodeInsertion,"messages":conversation,"canceled-request-ids":_vm.canceledRequestIds,"show-delimiter":index > 0},on:{"track-feedback":_vm.onTrackFeedback,"insert-code-snippet":_vm.onInsertCodeSnippet}})}),_vm._v(" "),(!_vm.hasMessages && !_vm.isLoading)?[_c('gl-empty-state',{key:"empty-state",staticClass:"gl-flex-grow gl-justify-center",attrs:{"svg-path":_vm.$options.emptySvg,"svg-height":145,"title":_vm.emptyStateTitle,"description":_vm.emptyStateDescription}}),_vm._v(" "),_c('gl-duo-chat-predefined-prompts',{key:"predefined-prompts",attrs:{"prompts":_vm.predefinedPrompts},on:{"click":_vm.sendPredefinedPrompt}})]:_vm._e(),_vm._v(" "),(_vm.isLoading)?_c('gl-duo-chat-loader',{key:"loader",attrs:{"tool-name":_vm.toolName}}):_vm._e(),_vm._v(" "),_c('div',{key:"anchor",ref:"anchor",staticClass:"scroll-anchor"})],2)],1),_vm._v(" "),(_vm.isChatAvailable)?_c('footer',{staticClass:"duo-chat-drawer-footer duo-chat-drawer-footer-sticky gl-border-t gl-bg-gray-10 gl-p-5",class:{ 'duo-chat-drawer-body-scrim-on-footer': !_vm.scrolledToBottom },attrs:{"data-testid":"chat-footer"}},[_c('gl-form',{attrs:{"data-testid":"chat-prompt-form"},on:{"submit":function($event){$event.stopPropagation();$event.preventDefault();return _vm.sendChatPrompt.apply(null, arguments)}}},[_c('gl-form-input-group',{scopedSlots:_vm._u([{key:"append",fn:function(){return [(_vm.displaySubmitButton)?_c('gl-button',{staticClass:"!gl-absolute gl-bottom-2 gl-right-2 !gl-rounded-base",attrs:{"icon":"paper-airplane","category":"primary","variant":"confirm","type":"submit","data-testid":"chat-prompt-submit-button","aria-label":_vm.$options.i18n.CHAT_SUBMIT_LABEL}}):_c('gl-button',{staticClass:"!gl-absolute gl-bottom-2 gl-right-2 !gl-rounded-base",attrs:{"icon":"stop","category":"primary","variant":"default","data-testid":"chat-prompt-cancel-button","aria-label":_vm.$options.i18n.CHAT_CANCEL_LABEL},on:{"click":_vm.cancelPrompt}})]},proxy:true}],null,false,677611116)},[_c('div',{staticClass:"duo-chat-input gl-min-h-8 gl-max-w-full gl-grow gl-rounded-base gl-bg-white gl-align-top gl-shadow-inner-1-gray-400",attrs:{"data-value":_vm.prompt}},[(_vm.shouldShowSlashCommands)?_c('gl-card',{ref:"commands",staticClass:"slash-commands !gl-absolute gl-w-full -gl-translate-y-full gl-list-none gl-pl-0 gl-shadow-md",attrs:{"body-class":"!gl-p-2"}},_vm._l((_vm.filteredSlashCommands),function(command,index){return _c('gl-dropdown-item',{key:command.name,class:{ 'active-command': index === _vm.activeCommandIndex },on:{"click":function($event){return _vm.selectSlashCommand(index)}},nativeOn:{"mouseenter":function($event){_vm.activeCommandIndex = index;}}},[_c('span',{staticClass:"gl-flex gl-justify-between"},[_c('span',{staticClass:"gl-block"},[_vm._v(_vm._s(command.name))]),_vm._v(" "),_c('small',{staticClass:"gl-pl-3 gl-text-right gl-italic gl-text-gray-500"},[_vm._v(_vm._s(command.description))])])])}),1):_vm._e(),_vm._v(" "),_c('gl-form-textarea',{ref:"prompt",staticClass:"gl-absolute !gl-h-full gl-rounded-br-none gl-rounded-tr-none !gl-bg-transparent !gl-py-4 !gl-shadow-none",class:{ 'gl-truncate': !_vm.prompt },attrs:{"data-testid":"chat-prompt-input","placeholder":_vm.inputPlaceholder,"autofocus":""},on:{"compositionend":_vm.compositionEnd},nativeOn:{"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }if($event.ctrlKey||$event.shiftKey||$event.altKey||$event.metaKey){ return null; }$event.preventDefault();},"keyup":function($event){return _vm.onInputKeyup.apply(null, arguments)}},model:{value:(_vm.prompt),callback:function ($$v) {_vm.prompt=$$v;},expression:"prompt"}})],1)]),_vm._v(" "),_c('p',{staticClass:"gl-mb-0 gl-mt-3 gl-text-sm gl-leading-20 gl-text-subtle",attrs:{"data-testid":"chat-legal-disclaimer"}},[_vm._v("\n "+_vm._s(_vm.$options.i18n.CHAT_LEGAL_DISCLAIMER)+"\n ")])],1)],1):_vm._e()]):_vm._e()};
431
429
  var __vue_staticRenderFns__ = [];
432
430
 
433
431
  /* style */
package/dist/config.js CHANGED
@@ -3,9 +3,6 @@ import translationKeys from '../translations';
3
3
  import { BVConfigPlugin } from './vendor/bootstrap-vue/src/bv-config';
4
4
  import { tooltipDelay } from './utils/constants';
5
5
 
6
- const bFormTextGlobalConfig = {
7
- textVariant: 'gl-muted'
8
- };
9
6
  const tooltipGlobalConfig = {
10
7
  // Work around for https://github.com/bootstrap-vue/bootstrap-vue/issues/6507
11
8
  boundaryPadding: 5,
@@ -59,7 +56,6 @@ const setConfigs = function () {
59
56
  }
60
57
  configured = true;
61
58
  Vue.use(BVConfigPlugin, {
62
- BFormText: bFormTextGlobalConfig,
63
59
  BTooltip: tooltipGlobalConfig,
64
60
  BPopover: {
65
61
  delay: popoverDelayConfig