@gitlab/ui 101.2.0 → 101.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 (41) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.js +8 -15
  3. package/dist/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.js +11 -6
  4. package/dist/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js +44 -6
  5. package/dist/components/experimental/duo/chat/components/duo_chat_context/utils.js +27 -1
  6. package/dist/index.css +1 -1
  7. package/dist/index.css.map +1 -1
  8. package/dist/tokens/build/js/tokens.dark.js +571 -572
  9. package/dist/tokens/build/js/tokens.js +571 -572
  10. package/dist/tokens/css/tokens.css +943 -944
  11. package/dist/tokens/css/tokens.dark.css +943 -944
  12. package/dist/tokens/js/tokens.dark.js +571 -572
  13. package/dist/tokens/js/tokens.js +571 -572
  14. package/dist/tokens/json/tokens.dark.json +3034 -3034
  15. package/dist/tokens/json/tokens.json +3034 -3034
  16. package/dist/tokens/scss/_tokens.dark.scss +943 -944
  17. package/dist/tokens/scss/_tokens.scss +943 -944
  18. package/dist/tokens/scss/_tokens_custom_properties.scss +1 -2
  19. package/dist/tokens/tailwind/tokens.cjs +1 -2
  20. package/dist/tokens/tokens_story.js +1 -1
  21. package/dist/tokens/tokens_table.js +4 -6
  22. package/package.json +3 -6
  23. package/src/components/base/broadcast_message/broadcast_message.scss +9 -0
  24. package/src/components/base/card/card.scss +8 -7
  25. package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu.md +35 -0
  26. package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_menu/duo_chat_context_item_menu_search_item.vue +17 -24
  27. package/src/components/experimental/duo/chat/components/duo_chat_context/duo_chat_context_item_popover/duo_chat_context_item_popover.vue +19 -13
  28. package/src/components/experimental/duo/chat/components/duo_chat_context/mock_context_data.js +44 -6
  29. package/src/components/experimental/duo/chat/components/duo_chat_context/utils.js +31 -0
  30. package/src/tokens/build/css/tokens.css +943 -944
  31. package/src/tokens/build/css/tokens.dark.css +943 -944
  32. package/src/tokens/build/js/tokens.dark.js +571 -572
  33. package/src/tokens/build/js/tokens.js +571 -572
  34. package/src/tokens/build/json/tokens.dark.json +3034 -3034
  35. package/src/tokens/build/json/tokens.json +3034 -3034
  36. package/src/tokens/build/scss/_tokens.dark.scss +943 -944
  37. package/src/tokens/build/scss/_tokens.scss +943 -944
  38. package/src/tokens/build/scss/_tokens_custom_properties.scss +1 -2
  39. package/src/tokens/build/tailwind/tokens.cjs +1 -2
  40. package/src/tokens/tokens_story.vue +7 -7
  41. package/src/tokens/tokens_table.vue +4 -4
package/src/tokens/build/scss/_tokens_custom_properties.scss CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
- * Automatically generated
3
- * Do not edit directly
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  $gl-action-disabled-foreground-color: var(--gl-action-disabled-foreground-color);
package/src/tokens/build/tailwind/tokens.cjs CHANGED
@@ -1,6 +1,5 @@
1
1
  /**
2
- * Automatically generated
3
- * Do not edit directly
2
+ * Do not edit directly, this file was auto-generated.
4
3
  */
5
4
 
6
5
  const baseColors = {
package/src/tokens/tokens_story.vue CHANGED
@@ -56,8 +56,8 @@ export default {
56
56
  v-for="token in tokens"
57
57
  :key="token.name"
58
58
  class="gl-flex gl-flex-wrap gl-items-center gl-justify-between gl-gap-3 gl-p-3"
59
- :class="getClasses(token.value)"
60
- :style="getStyle(token.value)"
59
+ :class="getClasses(token.$value)"
60
+ :style="getStyle(token.$value)"
61
61
  >
62
62
  <code v-gl-tooltip :title="token.comment" class="gl-text-inherit">
63
63
  {{ getTokenName(token) }}
@@ -66,15 +66,15 @@ export default {
66
66
  <gl-badge v-if="token.deprecated" v-gl-tooltip :title="token.comment" variant="danger">
67
67
  Deprecated
68
68
  </gl-badge>
69
- <code class="gl-text-inherit">{{ token.value }}</code>
69
+ <code class="gl-text-inherit">{{ token.$value }}</code>
70
70
  <gl-color-contrast
71
- v-if="isHex(token.value)"
72
- :foreground="token.value"
71
+ v-if="isHex(token.$value)"
72
+ :foreground="token.$value"
73
73
  :background="darkBackground"
74
74
  />
75
75
  <gl-color-contrast
76
- v-if="isHex(token.value)"
77
- :foreground="token.value"
76
+ v-if="isHex(token.$value)"
77
+ :foreground="token.$value"
78
78
  :background="lightBackground"
79
79
  />
80
80
  </div>
package/src/tokens/tokens_table.vue CHANGED
@@ -97,21 +97,21 @@ export default {
97
97
  return value;
98
98
  },
99
99
  getValueLabel(token) {
100
- const { value } = token.original;
100
+ const value = token.original.$value;
101
101
  if (this.isAliasObject(value)) {
102
102
  return this.getAliasValueName(value[this.selectedMode]);
103
103
  }
104
104
  if (this.isAliasValue(value)) {
105
105
  return this.getAliasValueName(value);
106
106
  }
107
- return token.value;
107
+ return token.$value;
108
108
  },
109
109
  transformTokenToTableColumns(token) {
110
110
  return {
111
111
  id: token.path.filter(Boolean).join('-'),
112
112
  name: this.formatTokenName(this.selectedPlatform, token),
113
113
  type: token.$type,
114
- value: token.value,
114
+ value: token.$value,
115
115
  valueLabel: this.getValueLabel(token),
116
116
  deprecated: token.deprecated,
117
117
  description: token.comment,
@@ -122,7 +122,7 @@ export default {
122
122
 
123
123
  Object.keys(tokens).forEach((key) => {
124
124
  const token = tokens[key];
125
- if (token.value) {
125
+ if (token.$value) {
126
126
  tokensArray.push(this.transformTokenToTableColumns(token));
127
127
  } else {
128
128
  tokensArray.push(...this.transformTokensToTableRows(token));