@gitlab/ui 93.1.0 → 93.2.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 +7 -0
- package/dist/components/base/alert/alert.js +1 -0
- package/dist/components/base/avatar/avatar.js +7 -1
- package/dist/components/base/datepicker/datepicker.js +3 -1
- package/dist/components/base/drawer/drawer.js +1 -0
- package/dist/components/base/form/form_input/form_input.js +7 -1
- package/dist/components/base/form/form_select/form_select.js +7 -1
- package/dist/components/base/toast/toast.js +1 -0
- package/dist/components/base/token/token.js +1 -0
- package/dist/index.css +3 -3
- package/dist/index.css.map +1 -1
- package/dist/tokens/build/js/tokens.dark.js +2 -1
- package/dist/tokens/build/js/tokens.js +2 -1
- package/dist/tokens/css/tokens.css +1 -0
- package/dist/tokens/css/tokens.dark.css +1 -0
- package/dist/tokens/js/tokens.dark.js +1 -0
- package/dist/tokens/js/tokens.js +1 -0
- package/dist/tokens/json/tokens.dark.json +22 -0
- package/dist/tokens/json/tokens.json +22 -0
- package/dist/tokens/scss/_tokens.dark.scss +1 -0
- package/dist/tokens/scss/_tokens.scss +1 -0
- package/dist/tokens/scss/_tokens_custom_properties.scss +1 -0
- package/dist/tokens/tailwind/tokens.cjs +1 -0
- package/package.json +1 -1
- package/src/components/base/accordion/accordion_item.scss +1 -1
- package/src/components/base/alert/alert.scss +8 -8
- package/src/components/base/alert/alert.vue +1 -0
- package/src/components/base/avatar/avatar.scss +6 -6
- package/src/components/base/avatar/avatar.vue +4 -0
- package/src/components/base/avatar_labeled/avatar_labeled.scss +9 -9
- package/src/components/base/avatar_link/avatar_link.scss +6 -6
- package/src/components/base/avatars_inline/avatars_inline.scss +9 -9
- package/src/components/base/badge/badge.scss +6 -6
- package/src/components/base/banner/banner.scss +1 -1
- package/src/components/base/breadcrumb/breadcrumb.scss +8 -8
- package/src/components/base/broadcast_message/broadcast_message.scss +9 -9
- package/src/components/base/button/button.scss +18 -18
- package/src/components/base/card/card.scss +4 -4
- package/src/components/base/datepicker/datepicker.scss +14 -14
- package/src/components/base/datepicker/datepicker.vue +1 -0
- package/src/components/base/daterange_picker/daterange_picker.scss +7 -7
- package/src/components/base/drawer/drawer.scss +14 -14
- package/src/components/base/drawer/drawer.vue +1 -0
- package/src/components/base/dropdown/dropdown.scss +15 -15
- package/src/components/base/dropdown/dropdown_item.scss +15 -15
- package/src/components/base/dropdown/dropdown_section_header.scss +4 -4
- package/src/components/base/filtered_search/filtered_search.scss +9 -9
- package/src/components/base/filtered_search/filtered_search_suggestion.scss +2 -2
- package/src/components/base/filtered_search/filtered_search_suggestion_list.scss +2 -2
- package/src/components/base/filtered_search/filtered_search_token.scss +9 -9
- package/src/components/base/filtered_search/filtered_search_token_segment.scss +3 -3
- package/src/components/base/form/form_checkbox/form_checkbox.scss +10 -10
- package/src/components/base/form/form_group/form_group.scss +6 -6
- package/src/components/base/form/form_input/form_input.scss +2 -2
- package/src/components/base/form/form_input/form_input.vue +3 -0
- package/src/components/base/form/form_radio_group/form_radio_group.scss +2 -2
- package/src/components/base/form/form_select/form_select.scss +3 -3
- package/src/components/base/form/form_select/form_select.vue +3 -0
- package/src/components/base/infinite_scroll/infinite_scroll.scss +2 -2
- package/src/components/base/label/label.scss +12 -12
- package/src/components/base/link/link.scss +1 -1
- package/src/components/base/loading_icon/loading_icon.scss +4 -4
- package/src/components/base/markdown/markdown.scss +14 -14
- package/src/components/base/modal/modal.scss +12 -12
- package/src/components/base/new_dropdowns/dropdown.scss +17 -17
- package/src/components/base/new_dropdowns/dropdown_item.scss +10 -10
- package/src/components/base/new_dropdowns/listbox/listbox.scss +4 -4
- package/src/components/base/pagination/pagination.scss +5 -5
- package/src/components/base/path/path.scss +11 -11
- package/src/components/base/popover/popover.scss +1 -1
- package/src/components/base/search_box_by_click/search_box_by_click.scss +5 -5
- package/src/components/base/search_box_by_type/search_box_by_type.scss +9 -9
- package/src/components/base/segmented_control/segmented_control.scss +4 -4
- package/src/components/base/table/table.scss +6 -6
- package/src/components/base/tabs/tabs/tabs.scss +18 -18
- package/src/components/base/toast/toast.js +1 -0
- package/src/components/base/toast/toast.scss +10 -10
- package/src/components/base/toggle/toggle.scss +17 -17
- package/src/components/base/token/token.scss +13 -13
- package/src/components/base/token/token.vue +1 -0
- package/src/components/base/tooltip/tooltip.scss +3 -3
- package/src/components/charts/legend/legend.scss +17 -17
- package/src/components/charts/series_label/series_label.scss +6 -6
- package/src/components/charts/single_stat/single_stat.scss +1 -1
- package/src/components/experimental/duo/chat/components/duo_chat_loader/duo_chat_loader.scss +1 -1
- package/src/components/experimental/duo/chat/components/duo_chat_message/duo_chat_message.scss +4 -4
- package/src/components/experimental/duo/chat/duo_chat.scss +15 -15
- package/src/components/shared_components/charts/tooltip_default_format.scss +5 -5
- package/src/scss/typescale/_index.scss +15 -15
- package/src/tokens/build/css/tokens.css +1 -0
- package/src/tokens/build/css/tokens.dark.css +1 -0
- package/src/tokens/build/js/tokens.dark.js +1 -0
- package/src/tokens/build/js/tokens.js +1 -0
- package/src/tokens/build/json/tokens.dark.json +22 -0
- package/src/tokens/build/json/tokens.json +22 -0
- package/src/tokens/build/scss/_tokens.dark.scss +1 -0
- package/src/tokens/build/scss/_tokens.scss +1 -0
- package/src/tokens/build/scss/_tokens_custom_properties.scss +1 -0
- package/src/tokens/build/tailwind/tokens.cjs +1 -0
- package/src/tokens/text.tokens.json +8 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [93.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.1.0...v93.2.0) (2024-09-19)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **DesignTokens:** add text warning design tokens ([e00b998](https://gitlab.com/gitlab-org/gitlab-ui/commit/e00b998524c1b974f49994059256dd340748ab20))
|
|
7
|
+
|
|
1
8
|
# [93.1.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v93.0.0...v93.1.0) (2024-09-18)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -67,13 +67,18 @@ var script = {
|
|
|
67
67
|
computed: {
|
|
68
68
|
sizeClasses() {
|
|
69
69
|
if (isNumber(this.size)) {
|
|
70
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
70
71
|
return `gl-avatar-s${this.size}`;
|
|
71
72
|
}
|
|
72
73
|
const {
|
|
73
74
|
default: defaultSize,
|
|
74
75
|
...nonDefaultSizes
|
|
75
76
|
} = this.size;
|
|
76
|
-
return [
|
|
77
|
+
return [
|
|
78
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
79
|
+
`gl-avatar-s${defaultSize || avatarSizeOptions[1]}`, ...Object.entries(nonDefaultSizes).map(
|
|
80
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
81
|
+
_ref => {
|
|
77
82
|
let [breakpoint, size] = _ref;
|
|
78
83
|
return `gl-${breakpoint}-avatar-s${size}`;
|
|
79
84
|
})];
|
|
@@ -87,6 +92,7 @@ var script = {
|
|
|
87
92
|
* Gets the remainder after dividing the 'entityId' by the number of available backgrounds.
|
|
88
93
|
*/
|
|
89
94
|
const type = this.entityId % IDENTICON_BG_COUNT + 1;
|
|
95
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
90
96
|
return `gl-avatar-identicon-bg${type}`;
|
|
91
97
|
},
|
|
92
98
|
identiconText() {
|
|
@@ -219,7 +219,9 @@ var script = {
|
|
|
219
219
|
return null;
|
|
220
220
|
},
|
|
221
221
|
datepickerClasses() {
|
|
222
|
-
return ['gl-datepicker', 'd-inline-block', 'gl-w-full',
|
|
222
|
+
return ['gl-datepicker', 'd-inline-block', 'gl-w-full',
|
|
223
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
224
|
+
`gl-form-input-${this.computedWidth}`];
|
|
223
225
|
},
|
|
224
226
|
computedWidth() {
|
|
225
227
|
if (this.width) {
|
|
@@ -39,11 +39,17 @@ var script = {
|
|
|
39
39
|
default: defaultWidth,
|
|
40
40
|
...nonDefaultWidths
|
|
41
41
|
} = this.width;
|
|
42
|
-
return [
|
|
42
|
+
return [
|
|
43
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
44
|
+
...(defaultWidth ? [`gl-form-input-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
|
|
45
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
46
|
+
_ref => {
|
|
43
47
|
let [breakpoint, width] = _ref;
|
|
44
48
|
return `gl-${breakpoint}-form-input-${width}`;
|
|
45
49
|
})];
|
|
46
50
|
}
|
|
51
|
+
|
|
52
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
47
53
|
return [`gl-form-input-${this.width}`];
|
|
48
54
|
},
|
|
49
55
|
listeners() {
|
|
@@ -33,11 +33,17 @@ var script = {
|
|
|
33
33
|
default: defaultWidth,
|
|
34
34
|
...nonDefaultWidths
|
|
35
35
|
} = this.width;
|
|
36
|
-
return [
|
|
36
|
+
return [
|
|
37
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
38
|
+
...(defaultWidth ? [`gl-form-select-${defaultWidth}`] : []), ...Object.entries(nonDefaultWidths).map(
|
|
39
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
40
|
+
_ref => {
|
|
37
41
|
let [breakpoint, width] = _ref;
|
|
38
42
|
return `gl-${breakpoint}-form-select-${width}`;
|
|
39
43
|
})];
|
|
40
44
|
}
|
|
45
|
+
|
|
46
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
41
47
|
return [`gl-form-select-${this.width}`];
|
|
42
48
|
}
|
|
43
49
|
}
|
|
@@ -31,6 +31,7 @@ function renderTitle(h, toast, options) {
|
|
|
31
31
|
}
|
|
32
32
|
function showToast(message) {
|
|
33
33
|
let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
34
|
+
// eslint-disable-next-line @gitlab/tailwind -- Not a CSS utility
|
|
34
35
|
const id = `gl-toast-${toastsCount}`;
|
|
35
36
|
toastsCount += 1;
|
|
36
37
|
const hide = () => {
|