@gitlab/ui 67.3.0 → 67.3.2

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 (13) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.js +2 -2
  3. package/dist/index.css +1 -1
  4. package/dist/index.css.map +1 -1
  5. package/dist/tokens/css/tokens.css +1 -1
  6. package/dist/tokens/css/tokens.dark.css +1 -1
  7. package/dist/tokens/js/tokens.dark.js +1 -1
  8. package/dist/tokens/js/tokens.js +1 -1
  9. package/dist/tokens/scss/_tokens.dark.scss +1 -1
  10. package/dist/tokens/scss/_tokens.scss +1 -1
  11. package/package.json +1 -1
  12. package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue +25 -23
  13. package/src/components/experimental/duo/chat/duo_chat.scss +7 -0
package/dist/tokens/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ * Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
  */
5
5
 
6
6
  :root {
package/dist/tokens/css/tokens.dark.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ * Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
  */
5
5
 
6
6
  :root.gl-dark {
package/dist/tokens/js/tokens.dark.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ * Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
  */
5
5
 
6
6
  export const BLACK = "#fff";
package/dist/tokens/js/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ * Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
  */
5
5
 
6
6
  export const BLACK = "#000";
package/dist/tokens/scss/_tokens.dark.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ // Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
 
5
5
  $red-950: #fff4f3;
6
6
  $red-900: #fcf1ef;
package/dist/tokens/scss/_tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 31 Oct 2023 09:40:12 GMT
3
+ // Generated on Wed, 01 Nov 2023 01:30:41 GMT
4
4
 
5
5
  $gl-line-height-52: 3.25rem;
6
6
  $gl-line-height-44: 2.75rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@gitlab/ui",
3
- "version": "67.3.0",
3
+ "version": "67.3.2",
4
4
  "description": "GitLab UI Components",
5
5
  "license": "MIT",
6
6
  "main": "dist/index.js",
package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.vue CHANGED
@@ -62,33 +62,35 @@ export default {
62
62
 
63
63
  <template>
64
64
  <div class="duo-chat-loader">
65
- <div class="gl-display-flex gl-align-items-center gl-mr-3">
65
+ <div class="gl-display-flex gl-align-items-flex-start gl-mr-3 gl-pt-3">
66
66
  <div class="duo-chat-loader__dot duo-chat-loader__dot--1"></div>
67
67
  <div class="duo-chat-loader__dot duo-chat-loader__dot--2"></div>
68
68
  <div class="duo-chat-loader__dot duo-chat-loader__dot--3"></div>
69
69
  </div>
70
- <gl-sprintf :message="$options.i18n.LOADER_LOADING_MESSAGE">
71
- <template #tool>
72
- <strong class="gl-mr-2" data-testid="tool">{{ toolName }}</strong>
73
- </template>
74
- <template #transition>
75
- <transition-group
76
- ref="transition"
77
- name="text"
78
- class="transition gl-display-inline-block gl-mx-2"
79
- @after-leave="computeTransitionWidth"
80
- >
81
- <span
82
- v-for="(message, index) in $options.i18n.LOADER_LOADING_TRANSITIONS"
83
- v-show="isCurrentTransition(index)"
84
- :ref="isCurrentTransition(index) ? 'currentTransition' : ''"
85
- :key="message"
86
- :data-testid="isCurrentTransition(index) ? 'current-transition' : ''"
87
- class="gl-white-space-nowrap"
88
- >{{ message }}</span
70
+ <div class="gl-line-height-24">
71
+ <gl-sprintf :message="$options.i18n.LOADER_LOADING_MESSAGE">
72
+ <template #tool>
73
+ <strong data-testid="tool">{{ toolName }}</strong>
74
+ </template>
75
+ <template #transition>
76
+ <transition-group
77
+ ref="transition"
78
+ name="text"
79
+ class="transition gl-display-inline-block gl-relative gl-vertical-align-bottom"
80
+ @after-leave="computeTransitionWidth"
89
81
  >
90
- </transition-group>
91
- </template>
92
- </gl-sprintf>
82
+ <span
83
+ v-for="(message, index) in $options.i18n.LOADER_LOADING_TRANSITIONS"
84
+ v-show="isCurrentTransition(index)"
85
+ :ref="isCurrentTransition(index) ? 'currentTransition' : ''"
86
+ :key="message"
87
+ :data-testid="isCurrentTransition(index) ? 'current-transition' : ''"
88
+ class="gl-white-space-nowrap gl-absolute gl-bottom-0 gl-left-0"
89
+ >{{ message }}</span
90
+ >
91
+ </transition-group>
92
+ </template>
93
+ </gl-sprintf>
94
+ </div>
93
95
  </div>
94
96
  </template>
package/src/components/experimental/duo/chat/duo_chat.scss CHANGED
@@ -47,4 +47,11 @@
47
47
  max-height: 240px;
48
48
  width: calc(100% - 40px);
49
49
  }
50
+
51
+ &::after {
52
+ content: attr(data-value) ' ';
53
+ @include gl-visibility-hidden;
54
+ @include gl-white-space-pre-wrap;
55
+ @include gl-py-4;
56
+ }
50
57
  }