@gitlab/ui 91.7.0 → 91.9.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.
- package/CHANGELOG.md +14 -0
- package/dist/components/experimental/duo/chat/components/duo_chat_message/insert_code_snippet_element.js +43 -7
- package/dist/components/experimental/duo/chat/duo_chat.js +4 -0
- package/dist/components/experimental/duo/chat/mock_data.js +0 -2
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +3 -1
- package/dist/tokens/build/js/tokens.js +3 -1
- package/dist/tokens/css/tokens.css +2 -0
- package/dist/tokens/css/tokens.dark.css +2 -0
- package/dist/tokens/js/tokens.dark.js +2 -0
- package/dist/tokens/js/tokens.js +2 -0
- package/dist/tokens/json/tokens.dark.json +52 -0
- package/dist/tokens/json/tokens.json +52 -0
- package/dist/tokens/scss/_tokens.dark.scss +2 -0
- package/dist/tokens/scss/_tokens.scss +2 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +2 -0
- package/package.json +1 -1
- package/src/components/base/link/link.scss +2 -7
- package/src/components/experimental/duo/chat/components/duo_chat_message/insert_code_snippet_element.js +35 -10
- package/src/components/experimental/duo/chat/duo_chat.vue +4 -0
- package/src/components/experimental/duo/chat/mock_data.js +0 -2
- package/src/tokens/build/css/tokens.css +2 -0
- package/src/tokens/build/css/tokens.dark.css +2 -0
- package/src/tokens/build/js/tokens.dark.js +2 -0
- package/src/tokens/build/js/tokens.js +2 -0
- package/src/tokens/build/json/tokens.dark.json +52 -0
- package/src/tokens/build/json/tokens.json +52 -0
- package/src/tokens/build/scss/_tokens.dark.scss +2 -0
- package/src/tokens/build/scss/_tokens.scss +2 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +2 -0
- package/src/tokens/contextual/link.tokens.json +20 -0
|
@@ -13132,6 +13132,58 @@
|
|
|
13132
13132
|
},
|
|
13133
13133
|
"link": {
|
|
13134
13134
|
"mention": {
|
|
13135
|
+
"text": {
|
|
13136
|
+
"color": {
|
|
13137
|
+
"default": {
|
|
13138
|
+
"value": "#9dc7f1",
|
|
13139
|
+
"$type": "color",
|
|
13140
|
+
"comment": "Used for the mention link text color.",
|
|
13141
|
+
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
13142
|
+
"isSource": true,
|
|
13143
|
+
"original": {
|
|
13144
|
+
"value": {
|
|
13145
|
+
"default": "{color.blue.700}",
|
|
13146
|
+
"dark": "{color.blue.200}"
|
|
13147
|
+
},
|
|
13148
|
+
"$type": "color",
|
|
13149
|
+
"comment": "Used for the mention link text color."
|
|
13150
|
+
},
|
|
13151
|
+
"name": "LINK_MENTION_TEXT_COLOR_DEFAULT",
|
|
13152
|
+
"attributes": {},
|
|
13153
|
+
"path": [
|
|
13154
|
+
"link",
|
|
13155
|
+
"mention",
|
|
13156
|
+
"text",
|
|
13157
|
+
"color",
|
|
13158
|
+
"default"
|
|
13159
|
+
]
|
|
13160
|
+
},
|
|
13161
|
+
"current": {
|
|
13162
|
+
"value": "#f5d9a8",
|
|
13163
|
+
"$type": "color",
|
|
13164
|
+
"comment": "Used for the mention link text color when referencing the current user.",
|
|
13165
|
+
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
13166
|
+
"isSource": true,
|
|
13167
|
+
"original": {
|
|
13168
|
+
"value": {
|
|
13169
|
+
"default": "{color.orange.800}",
|
|
13170
|
+
"dark": "{color.orange.100}"
|
|
13171
|
+
},
|
|
13172
|
+
"$type": "color",
|
|
13173
|
+
"comment": "Used for the mention link text color when referencing the current user."
|
|
13174
|
+
},
|
|
13175
|
+
"name": "LINK_MENTION_TEXT_COLOR_CURRENT",
|
|
13176
|
+
"attributes": {},
|
|
13177
|
+
"path": [
|
|
13178
|
+
"link",
|
|
13179
|
+
"mention",
|
|
13180
|
+
"text",
|
|
13181
|
+
"color",
|
|
13182
|
+
"current"
|
|
13183
|
+
]
|
|
13184
|
+
}
|
|
13185
|
+
}
|
|
13186
|
+
},
|
|
13135
13187
|
"background": {
|
|
13136
13188
|
"color": {
|
|
13137
13189
|
"default": {
|
|
@@ -13132,6 +13132,58 @@
|
|
|
13132
13132
|
},
|
|
13133
13133
|
"link": {
|
|
13134
13134
|
"mention": {
|
|
13135
|
+
"text": {
|
|
13136
|
+
"color": {
|
|
13137
|
+
"default": {
|
|
13138
|
+
"value": "#0b5cad",
|
|
13139
|
+
"$type": "color",
|
|
13140
|
+
"comment": "Used for the mention link text color.",
|
|
13141
|
+
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
13142
|
+
"isSource": true,
|
|
13143
|
+
"original": {
|
|
13144
|
+
"value": {
|
|
13145
|
+
"default": "{color.blue.700}",
|
|
13146
|
+
"dark": "{color.blue.200}"
|
|
13147
|
+
},
|
|
13148
|
+
"$type": "color",
|
|
13149
|
+
"comment": "Used for the mention link text color."
|
|
13150
|
+
},
|
|
13151
|
+
"name": "LINK_MENTION_TEXT_COLOR_DEFAULT",
|
|
13152
|
+
"attributes": {},
|
|
13153
|
+
"path": [
|
|
13154
|
+
"link",
|
|
13155
|
+
"mention",
|
|
13156
|
+
"text",
|
|
13157
|
+
"color",
|
|
13158
|
+
"default"
|
|
13159
|
+
]
|
|
13160
|
+
},
|
|
13161
|
+
"current": {
|
|
13162
|
+
"value": "#703800",
|
|
13163
|
+
"$type": "color",
|
|
13164
|
+
"comment": "Used for the mention link text color when referencing the current user.",
|
|
13165
|
+
"filePath": "src/tokens/contextual/link.tokens.json",
|
|
13166
|
+
"isSource": true,
|
|
13167
|
+
"original": {
|
|
13168
|
+
"value": {
|
|
13169
|
+
"default": "{color.orange.800}",
|
|
13170
|
+
"dark": "{color.orange.100}"
|
|
13171
|
+
},
|
|
13172
|
+
"$type": "color",
|
|
13173
|
+
"comment": "Used for the mention link text color when referencing the current user."
|
|
13174
|
+
},
|
|
13175
|
+
"name": "LINK_MENTION_TEXT_COLOR_CURRENT",
|
|
13176
|
+
"attributes": {},
|
|
13177
|
+
"path": [
|
|
13178
|
+
"link",
|
|
13179
|
+
"mention",
|
|
13180
|
+
"text",
|
|
13181
|
+
"color",
|
|
13182
|
+
"current"
|
|
13183
|
+
]
|
|
13184
|
+
}
|
|
13185
|
+
}
|
|
13186
|
+
},
|
|
13135
13187
|
"background": {
|
|
13136
13188
|
"color": {
|
|
13137
13189
|
"default": {
|
|
@@ -504,6 +504,8 @@ $gl-skeleton-loader-background-color: $gl-color-neutral-800; // Used for the ske
|
|
|
504
504
|
$gl-popover-background-color: $gl-color-neutral-900; // Used for the background color of popover.
|
|
505
505
|
$gl-link-mention-background-color-current: $gl-color-orange-800; // Used for the mention link background when referencing the current user.
|
|
506
506
|
$gl-link-mention-background-color-default: $gl-color-blue-800; // Used for the mention link default background.
|
|
507
|
+
$gl-link-mention-text-color-current: $gl-color-orange-100; // Used for the mention link text color when referencing the current user.
|
|
508
|
+
$gl-link-mention-text-color-default: $gl-color-blue-200; // Used for the mention link text color.
|
|
507
509
|
$gl-label-scoped-button-icon-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button icon in the hover state.
|
|
508
510
|
$gl-label-scoped-button-icon-color-default: $gl-color-neutral-0; // Used for the scoped label remove button icon in the default state.
|
|
509
511
|
$gl-label-scoped-button-background-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button background in the hover state.
|
|
@@ -504,6 +504,8 @@ $gl-skeleton-loader-background-color: $gl-color-neutral-100; // Used for the ske
|
|
|
504
504
|
$gl-popover-background-color: $gl-color-neutral-0; // Used for the background color of popover.
|
|
505
505
|
$gl-link-mention-background-color-current: $gl-color-orange-100; // Used for the mention link background when referencing the current user.
|
|
506
506
|
$gl-link-mention-background-color-default: $gl-color-blue-100; // Used for the mention link default background.
|
|
507
|
+
$gl-link-mention-text-color-current: $gl-color-orange-800; // Used for the mention link text color when referencing the current user.
|
|
508
|
+
$gl-link-mention-text-color-default: $gl-color-blue-700; // Used for the mention link text color.
|
|
507
509
|
$gl-label-scoped-button-icon-color-hover: $gl-color-neutral-0; // Used for the scoped label remove button icon in the hover state.
|
|
508
510
|
$gl-label-scoped-button-icon-color-default: $gl-color-neutral-950; // Used for the scoped label remove button icon in the default state.
|
|
509
511
|
$gl-label-scoped-button-background-color-hover: $gl-color-neutral-950; // Used for the scoped label remove button background in the hover state.
|
|
@@ -596,6 +596,8 @@ $gl-label-scoped-text-color: var(--gl-label-scoped-text-color);
|
|
|
596
596
|
$gl-label-scoped-button-background-color-hover: var(--gl-label-scoped-button-background-color-hover);
|
|
597
597
|
$gl-label-scoped-button-icon-color-default: var(--gl-label-scoped-button-icon-color-default);
|
|
598
598
|
$gl-label-scoped-button-icon-color-hover: var(--gl-label-scoped-button-icon-color-hover);
|
|
599
|
+
$gl-link-mention-text-color-default: var(--gl-link-mention-text-color-default);
|
|
600
|
+
$gl-link-mention-text-color-current: var(--gl-link-mention-text-color-current);
|
|
599
601
|
$gl-link-mention-background-color-default: var(--gl-link-mention-background-color-default);
|
|
600
602
|
$gl-link-mention-background-color-current: var(--gl-link-mention-background-color-current);
|
|
601
603
|
$gl-popover-background-color: var(--gl-popover-background-color);
|
|
@@ -1,6 +1,26 @@
|
|
|
1
1
|
{
|
|
2
2
|
"link": {
|
|
3
3
|
"mention": {
|
|
4
|
+
"text": {
|
|
5
|
+
"color": {
|
|
6
|
+
"default": {
|
|
7
|
+
"$value": {
|
|
8
|
+
"default": "{color.blue.700}",
|
|
9
|
+
"dark": "{color.blue.200}"
|
|
10
|
+
},
|
|
11
|
+
"$type": "color",
|
|
12
|
+
"$description": "Used for the mention link text color."
|
|
13
|
+
},
|
|
14
|
+
"current": {
|
|
15
|
+
"$value": {
|
|
16
|
+
"default": "{color.orange.800}",
|
|
17
|
+
"dark": "{color.orange.100}"
|
|
18
|
+
},
|
|
19
|
+
"$type": "color",
|
|
20
|
+
"$description": "Used for the mention link text color when referencing the current user."
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
},
|
|
4
24
|
"background": {
|
|
5
25
|
"color": {
|
|
6
26
|
"default": {
|