@gitlab/ui 112.2.2 → 112.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.
- package/CHANGELOG.md +16 -0
- package/bin/migrate_custom_utils_to_tw.bundled.mjs +209 -32
- package/dist/components/base/accordion/accordion.js +1 -1
- package/dist/components/base/accordion/accordion_item.js +1 -1
- package/dist/components/base/alert/alert.js +1 -1
- package/dist/components/base/animated_icon/animated_chevron_down_up_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_chevron_lg_down_up_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_chevron_lg_right_down_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_chevron_right_down_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_duo_chat_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_loader_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_notifications_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_sidebar_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_smile_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_sort_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_star_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_todo_icon.js +1 -1
- package/dist/components/base/animated_icon/animated_upload_icon.js +1 -1
- package/dist/components/base/animated_icon/base_animated_icon.js +1 -1
- package/dist/components/base/avatar/avatar.js +1 -1
- package/dist/components/base/avatar_labeled/avatar_labeled.js +1 -1
- package/dist/components/base/avatar_link/avatar_link.js +1 -1
- package/dist/components/base/avatars_inline/avatars_inline.js +1 -1
- package/dist/components/base/badge/badge.js +1 -1
- package/dist/components/base/banner/banner.js +1 -1
- package/dist/components/base/breadcrumb/breadcrumb.js +1 -1
- package/dist/components/base/breadcrumb/breadcrumb_item.js +1 -1
- package/dist/components/base/broadcast_message/broadcast_message.js +1 -1
- package/dist/components/base/button/button.js +1 -1
- package/dist/components/base/button_group/button_group.js +1 -1
- package/dist/components/base/card/card.js +1 -1
- package/dist/components/base/collapse/collapse.js +1 -1
- package/dist/components/base/datepicker/datepicker.js +1 -2
- package/dist/components/base/daterange_picker/daterange_picker.js +1 -1
- package/dist/components/base/drawer/drawer.js +1 -1
- package/dist/components/base/dropdown/dropdown.js +1 -2
- package/dist/components/base/dropdown/dropdown_divider.js +1 -1
- package/dist/components/base/dropdown/dropdown_form.js +1 -1
- package/dist/components/base/dropdown/dropdown_item.js +1 -1
- package/dist/components/base/dropdown/dropdown_section_header.js +1 -1
- package/dist/components/base/dropdown/dropdown_text.js +1 -1
- package/dist/components/base/filtered_search/filtered_search.js +2 -2
- package/dist/components/base/filtered_search/filtered_search_suggestion.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_suggestion_list.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_term.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_token.js +1 -1
- package/dist/components/base/filtered_search/filtered_search_token_segment.js +1 -1
- package/dist/components/base/form/form.js +1 -1
- package/dist/components/base/form/form_character_count/form_character_count.js +1 -1
- package/dist/components/base/form/form_checkbox/form_checkbox.js +1 -1
- package/dist/components/base/form/form_checkbox/form_checkbox_group.js +1 -1
- package/dist/components/base/form/form_checkbox_tree/checkbox_tree_node.js +1 -1
- package/dist/components/base/form/form_checkbox_tree/form_checkbox_tree.js +1 -1
- package/dist/components/base/form/form_combobox/form_combobox.js +1 -1
- package/dist/components/base/form/form_date/form_date.js +1 -1
- package/dist/components/base/form/form_fields/form_field_validator.js +1 -1
- package/dist/components/base/form/form_fields/form_fields.js +1 -1
- package/dist/components/base/form/form_group/form_group.js +1 -1
- package/dist/components/base/form/form_input/form_input.js +1 -1
- package/dist/components/base/form/form_input_group/form_input_group.js +1 -1
- package/dist/components/base/form/form_radio/form_radio.js +1 -1
- package/dist/components/base/form/form_radio_group/form_radio_group.js +1 -1
- package/dist/components/base/form/form_select/form_select.js +1 -1
- package/dist/components/base/form/form_textarea/form_textarea.js +1 -1
- package/dist/components/base/form/input_group_text/input_group_text.js +1 -1
- package/dist/components/base/icon/icon.js +1 -1
- package/dist/components/base/infinite_scroll/infinite_scroll.js +1 -2
- package/dist/components/base/keyset_pagination/keyset_pagination.js +1 -1
- package/dist/components/base/label/label.js +1 -1
- package/dist/components/base/link/link.js +1 -1
- package/dist/components/base/loading_icon/loading_icon.js +1 -1
- package/dist/components/base/markdown/markdown.js +1 -1
- package/dist/components/base/modal/modal.js +1 -1
- package/dist/components/base/nav/nav.js +90 -6
- package/dist/components/base/nav/nav_item.js +1 -1
- package/dist/components/base/new_dropdowns/base_dropdown/base_dropdown.js +1 -2
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown.js +1 -2
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_group.js +1 -2
- package/dist/components/base/new_dropdowns/disclosure/disclosure_dropdown_item.js +1 -2
- package/dist/components/base/new_dropdowns/listbox/listbox.js +1 -2
- package/dist/components/base/new_dropdowns/listbox/listbox_group.js +1 -1
- package/dist/components/base/new_dropdowns/listbox/listbox_item.js +1 -1
- package/dist/components/base/new_dropdowns/listbox/listbox_search_input.js +1 -1
- package/dist/components/base/pagination/pagination.js +1 -1
- package/dist/components/base/path/path.js +1 -1
- package/dist/components/base/popover/popover.js +1 -1
- package/dist/components/base/progress_bar/progress_bar.js +1 -1
- package/dist/components/base/search_box_by_click/search_box_by_click.js +2 -2
- package/dist/components/base/search_box_by_type/search_box_by_type.js +1 -1
- package/dist/components/base/segmented_control/segmented_control.js +1 -1
- package/dist/components/base/skeleton_loader/skeleton_loader.js +1 -1
- package/dist/components/base/sorting/sorting.js +1 -1
- package/dist/components/base/table/table.js +2 -2
- package/dist/components/base/table_lite/table_lite.js +1 -1
- package/dist/components/base/tabs/tab/tab.js +1 -1
- package/dist/components/base/tabs/tabs/scrollable_tabs.js +1 -1
- package/dist/components/base/tabs/tabs/tabs.js +1 -1
- package/dist/components/base/toast/toast.js +1 -1
- package/dist/components/base/toggle/toggle.js +1 -1
- package/dist/components/base/token/token.js +1 -1
- package/dist/components/base/token_selector/token_container.js +1 -1
- package/dist/components/base/token_selector/token_selector.js +1 -1
- package/dist/components/base/token_selector/token_selector_dropdown.js +1 -1
- package/dist/components/base/tooltip/tooltip.js +1 -1
- package/dist/components/charts/area/area.js +1 -1
- package/dist/components/charts/bar/bar.js +1 -1
- package/dist/components/charts/chart/chart.js +1 -1
- package/dist/components/charts/column/column.js +1 -1
- package/dist/components/charts/discrete_scatter/discrete_scatter.js +1 -1
- package/dist/components/charts/gauge/gauge.js +2 -2
- package/dist/components/charts/heatmap/heatmap.js +1 -1
- package/dist/components/charts/legend/legend.js +1 -1
- package/dist/components/charts/line/line.js +1 -1
- package/dist/components/charts/series_label/series_label.js +1 -1
- package/dist/components/charts/shared/tooltip/tooltip.js +1 -1
- package/dist/components/charts/shared/tooltip/tooltip_default_format/tooltip_default_format.js +1 -1
- package/dist/components/charts/single_stat/single_stat.js +1 -1
- package/dist/components/charts/sparkline/sparkline.js +1 -1
- package/dist/components/charts/stacked_column/stacked_column.js +1 -1
- package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +1 -1
- package/dist/components/experimental/experiment_badge/experiment_badge.js +1 -2
- package/dist/components/mixins/tooltip_mixin.js +1 -1
- package/dist/components/regions/dashboard_skeleton/dashboard_skeleton.js +1 -1
- package/dist/components/regions/empty_state/empty_state.js +1 -1
- package/dist/components/shared_components/clear_icon_button/clear_icon_button.js +1 -1
- package/dist/components/shared_components/close_button/close_button.js +1 -1
- package/dist/components/utilities/animated_number/animated_number.js +1 -1
- package/dist/components/utilities/friendly_wrap/friendly_wrap.js +1 -1
- package/dist/components/utilities/intersection_observer/intersection_observer.js +1 -1
- package/dist/components/utilities/intersperse/intersperse.js +1 -1
- package/dist/components/utilities/sprintf/sprintf.js +1 -1
- package/dist/components/utilities/truncate/truncate.js +1 -1
- package/dist/components/utilities/truncate_text/truncate_text.js +1 -1
- package/dist/config.js +1 -2
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tokens/build/js/tokens.dark.js +80 -80
- package/dist/tokens/build/js/tokens.js +179 -179
- package/dist/tokens/css/tokens.css +50 -50
- package/dist/tokens/css/tokens.dark.css +25 -25
- package/dist/tokens/js/tokens.dark.js +80 -80
- package/dist/tokens/js/tokens.js +179 -179
- package/dist/tokens/json/tokens.dark.json +130 -130
- package/dist/tokens/json/tokens.json +229 -229
- package/dist/tokens/scss/_tokens.dark.scss +25 -25
- package/dist/tokens/scss/_tokens.scss +50 -50
- package/dist/tokens/tailwind/tokens.cjs +47 -47
- package/dist/tokens/tokens_story.js +1 -1
- package/dist/tokens/tokens_table.js +1 -1
- package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -3
- package/dist/vendor/bootstrap-vue/src/utils/cache.js +1 -1
- package/dist/vendor/bootstrap-vue/src/utils/props.js +1 -1
- package/dist/vendor/bootstrap-vue/src/utils/router.js +1 -1
- package/package.json +2 -2
- package/src/components/base/nav/nav.md +182 -4
- package/src/components/base/nav/nav.vue +60 -7
- package/src/components/base/search_box_by_click/search_box_by_click.vue +9 -3
- package/src/tokens/build/css/tokens.css +50 -50
- package/src/tokens/build/css/tokens.dark.css +25 -25
- package/src/tokens/build/figma/constants.tokens.json +25 -25
- package/src/tokens/build/figma/deprecated.tokens.json +25 -25
- package/src/tokens/build/js/tokens.dark.js +80 -80
- package/src/tokens/build/js/tokens.js +179 -179
- package/src/tokens/build/json/tokens.dark.json +130 -130
- package/src/tokens/build/json/tokens.json +229 -229
- package/src/tokens/build/scss/_tokens.dark.scss +25 -25
- package/src/tokens/build/scss/_tokens.scss +50 -50
- package/src/tokens/build/tailwind/tokens.cjs +47 -47
- package/src/tokens/constant/color.tokens.json +25 -25
- package/src/tokens/deprecated/deprecated.color.tokens.json +25 -25
- package/src/vendor/bootstrap-vue/src/constants/components.js +0 -2
- package/dist/vendor/bootstrap-vue/src/components/collapse/collapse.js +0 -207
- package/dist/vendor/bootstrap-vue/src/components/collapse/helpers/bv-collapse.js +0 -90
- package/dist/vendor/bootstrap-vue/src/components/collapse/index.js +0 -1
- package/src/vendor/bootstrap-vue/src/components/collapse/MODIFICATIONS.md +0 -14
- package/src/vendor/bootstrap-vue/src/components/collapse/README.md +0 -321
- package/src/vendor/bootstrap-vue/src/components/collapse/collapse.js +0 -207
- package/src/vendor/bootstrap-vue/src/components/collapse/collapse.spec.js +0 -426
- package/src/vendor/bootstrap-vue/src/components/collapse/helpers/bv-collapse.js +0 -88
- package/src/vendor/bootstrap-vue/src/components/collapse/index.js +0 -3
- package/src/vendor/bootstrap-vue/src/components/collapse/package.json +0 -104
|
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
|
|
|
22
22
|
$gl-color-blue-300: #63a6e9;
|
|
23
23
|
$gl-color-blue-400: #428fdc;
|
|
24
24
|
$gl-color-blue-500: #1f75cb;
|
|
25
|
-
$gl-color-blue-600: #
|
|
26
|
-
$gl-color-blue-700: #
|
|
27
|
-
$gl-color-blue-800: #
|
|
28
|
-
$gl-color-blue-900: #
|
|
29
|
-
$gl-color-blue-950: #
|
|
25
|
+
$gl-color-blue-600: #2f68b4;
|
|
26
|
+
$gl-color-blue-700: #2f5ca0;
|
|
27
|
+
$gl-color-blue-800: #284779;
|
|
28
|
+
$gl-color-blue-900: #213454;
|
|
29
|
+
$gl-color-blue-950: #1d283e;
|
|
30
30
|
$gl-color-neutral-0: #fff;
|
|
31
31
|
$gl-color-neutral-10: #fbfafd;
|
|
32
32
|
$gl-color-neutral-50: #ececef;
|
|
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
|
|
|
47
47
|
$gl-color-green-300: #52b87a;
|
|
48
48
|
$gl-color-green-400: #2da160;
|
|
49
49
|
$gl-color-green-500: #108548;
|
|
50
|
-
$gl-color-green-600: #
|
|
51
|
-
$gl-color-green-700: #
|
|
52
|
-
$gl-color-green-800: #
|
|
53
|
-
$gl-color-green-900: #
|
|
54
|
-
$gl-color-green-950: #
|
|
50
|
+
$gl-color-green-600: #2f7549;
|
|
51
|
+
$gl-color-green-700: #306440;
|
|
52
|
+
$gl-color-green-800: #225131;
|
|
53
|
+
$gl-color-green-900: #1e3e28;
|
|
54
|
+
$gl-color-green-950: #17291c;
|
|
55
55
|
$gl-color-orange-50: #fdf1dd;
|
|
56
56
|
$gl-color-orange-100: #f5d9a8;
|
|
57
57
|
$gl-color-orange-200: #e9be74;
|
|
58
58
|
$gl-color-orange-300: #d99530;
|
|
59
59
|
$gl-color-orange-400: #c17d10;
|
|
60
60
|
$gl-color-orange-500: #ab6100;
|
|
61
|
-
$gl-color-orange-600: #
|
|
62
|
-
$gl-color-orange-700: #
|
|
63
|
-
$gl-color-orange-800: #
|
|
64
|
-
$gl-color-orange-900: #
|
|
65
|
-
$gl-color-orange-950: #
|
|
61
|
+
$gl-color-orange-600: #995715;
|
|
62
|
+
$gl-color-orange-700: #894b16;
|
|
63
|
+
$gl-color-orange-800: #693c14;
|
|
64
|
+
$gl-color-orange-900: #532e16;
|
|
65
|
+
$gl-color-orange-950: #382315;
|
|
66
66
|
$gl-color-purple-50: #f4f0ff;
|
|
67
67
|
$gl-color-purple-100: #e1d8f9;
|
|
68
68
|
$gl-color-purple-200: #cbbbf2;
|
|
69
69
|
$gl-color-purple-300: #ac93e6;
|
|
70
70
|
$gl-color-purple-400: #9475db;
|
|
71
71
|
$gl-color-purple-500: #7b58cf;
|
|
72
|
-
$gl-color-purple-600: #
|
|
73
|
-
$gl-color-purple-700: #
|
|
74
|
-
$gl-color-purple-800: #
|
|
75
|
-
$gl-color-purple-900: #
|
|
76
|
-
$gl-color-purple-950: #
|
|
72
|
+
$gl-color-purple-600: #6a4fb4;
|
|
73
|
+
$gl-color-purple-700: #5c47a6;
|
|
74
|
+
$gl-color-purple-800: #493c83;
|
|
75
|
+
$gl-color-purple-900: #342d59;
|
|
76
|
+
$gl-color-purple-950: #27243e;
|
|
77
77
|
$gl-color-red-50: #fcf1ef;
|
|
78
78
|
$gl-color-red-100: #fdd4cd;
|
|
79
79
|
$gl-color-red-200: #fcb5aa;
|
|
80
80
|
$gl-color-red-300: #f6806d;
|
|
81
81
|
$gl-color-red-400: #ec5941;
|
|
82
82
|
$gl-color-red-500: #dd2b0e;
|
|
83
|
-
$gl-color-red-600: #
|
|
84
|
-
$gl-color-red-700: #
|
|
85
|
-
$gl-color-red-800: #
|
|
86
|
-
$gl-color-red-900: #
|
|
87
|
-
$gl-color-red-950: #
|
|
83
|
+
$gl-color-red-600: #c02f12;
|
|
84
|
+
$gl-color-red-700: #a32c12;
|
|
85
|
+
$gl-color-red-800: #812713;
|
|
86
|
+
$gl-color-red-900: #582014;
|
|
87
|
+
$gl-color-red-950: #3e1a14;
|
|
88
88
|
$gl-color-data-green-50: #ddfab7;
|
|
89
89
|
$gl-color-data-green-100: #c6ed94;
|
|
90
90
|
$gl-color-data-green-200: #b0d97b;
|
|
@@ -22,11 +22,11 @@ $gl-color-blue-200: #9dc7f1;
|
|
|
22
22
|
$gl-color-blue-300: #63a6e9;
|
|
23
23
|
$gl-color-blue-400: #428fdc;
|
|
24
24
|
$gl-color-blue-500: #1f75cb;
|
|
25
|
-
$gl-color-blue-600: #
|
|
26
|
-
$gl-color-blue-700: #
|
|
27
|
-
$gl-color-blue-800: #
|
|
28
|
-
$gl-color-blue-900: #
|
|
29
|
-
$gl-color-blue-950: #
|
|
25
|
+
$gl-color-blue-600: #2f68b4;
|
|
26
|
+
$gl-color-blue-700: #2f5ca0;
|
|
27
|
+
$gl-color-blue-800: #284779;
|
|
28
|
+
$gl-color-blue-900: #213454;
|
|
29
|
+
$gl-color-blue-950: #1d283e;
|
|
30
30
|
$gl-color-neutral-0: #fff;
|
|
31
31
|
$gl-color-neutral-10: #fbfafd;
|
|
32
32
|
$gl-color-neutral-50: #ececef;
|
|
@@ -47,44 +47,44 @@ $gl-color-green-200: #91d4a8;
|
|
|
47
47
|
$gl-color-green-300: #52b87a;
|
|
48
48
|
$gl-color-green-400: #2da160;
|
|
49
49
|
$gl-color-green-500: #108548;
|
|
50
|
-
$gl-color-green-600: #
|
|
51
|
-
$gl-color-green-700: #
|
|
52
|
-
$gl-color-green-800: #
|
|
53
|
-
$gl-color-green-900: #
|
|
54
|
-
$gl-color-green-950: #
|
|
50
|
+
$gl-color-green-600: #2f7549;
|
|
51
|
+
$gl-color-green-700: #306440;
|
|
52
|
+
$gl-color-green-800: #225131;
|
|
53
|
+
$gl-color-green-900: #1e3e28;
|
|
54
|
+
$gl-color-green-950: #17291c;
|
|
55
55
|
$gl-color-orange-50: #fdf1dd;
|
|
56
56
|
$gl-color-orange-100: #f5d9a8;
|
|
57
57
|
$gl-color-orange-200: #e9be74;
|
|
58
58
|
$gl-color-orange-300: #d99530;
|
|
59
59
|
$gl-color-orange-400: #c17d10;
|
|
60
60
|
$gl-color-orange-500: #ab6100;
|
|
61
|
-
$gl-color-orange-600: #
|
|
62
|
-
$gl-color-orange-700: #
|
|
63
|
-
$gl-color-orange-800: #
|
|
64
|
-
$gl-color-orange-900: #
|
|
65
|
-
$gl-color-orange-950: #
|
|
61
|
+
$gl-color-orange-600: #995715;
|
|
62
|
+
$gl-color-orange-700: #894b16;
|
|
63
|
+
$gl-color-orange-800: #693c14;
|
|
64
|
+
$gl-color-orange-900: #532e16;
|
|
65
|
+
$gl-color-orange-950: #382315;
|
|
66
66
|
$gl-color-purple-50: #f4f0ff;
|
|
67
67
|
$gl-color-purple-100: #e1d8f9;
|
|
68
68
|
$gl-color-purple-200: #cbbbf2;
|
|
69
69
|
$gl-color-purple-300: #ac93e6;
|
|
70
70
|
$gl-color-purple-400: #9475db;
|
|
71
71
|
$gl-color-purple-500: #7b58cf;
|
|
72
|
-
$gl-color-purple-600: #
|
|
73
|
-
$gl-color-purple-700: #
|
|
74
|
-
$gl-color-purple-800: #
|
|
75
|
-
$gl-color-purple-900: #
|
|
76
|
-
$gl-color-purple-950: #
|
|
72
|
+
$gl-color-purple-600: #6a4fb4;
|
|
73
|
+
$gl-color-purple-700: #5c47a6;
|
|
74
|
+
$gl-color-purple-800: #493c83;
|
|
75
|
+
$gl-color-purple-900: #342d59;
|
|
76
|
+
$gl-color-purple-950: #27243e;
|
|
77
77
|
$gl-color-red-50: #fcf1ef;
|
|
78
78
|
$gl-color-red-100: #fdd4cd;
|
|
79
79
|
$gl-color-red-200: #fcb5aa;
|
|
80
80
|
$gl-color-red-300: #f6806d;
|
|
81
81
|
$gl-color-red-400: #ec5941;
|
|
82
82
|
$gl-color-red-500: #dd2b0e;
|
|
83
|
-
$gl-color-red-600: #
|
|
84
|
-
$gl-color-red-700: #
|
|
85
|
-
$gl-color-red-800: #
|
|
86
|
-
$gl-color-red-900: #
|
|
87
|
-
$gl-color-red-950: #
|
|
83
|
+
$gl-color-red-600: #c02f12;
|
|
84
|
+
$gl-color-red-700: #a32c12;
|
|
85
|
+
$gl-color-red-800: #812713;
|
|
86
|
+
$gl-color-red-900: #582014;
|
|
87
|
+
$gl-color-red-950: #3e1a14;
|
|
88
88
|
$gl-color-data-green-50: #ddfab7;
|
|
89
89
|
$gl-color-data-green-100: #c6ed94;
|
|
90
90
|
$gl-color-data-green-200: #b0d97b;
|
|
@@ -411,11 +411,11 @@ $blue-200: #9dc7f1 !default;
|
|
|
411
411
|
$blue-300: #63a6e9 !default;
|
|
412
412
|
$blue-400: #428fdc !default;
|
|
413
413
|
$blue-500: #1f75cb !default;
|
|
414
|
-
$blue-600: #
|
|
415
|
-
$blue-700: #
|
|
416
|
-
$blue-800: #
|
|
417
|
-
$blue-900: #
|
|
418
|
-
$blue-950: #
|
|
414
|
+
$blue-600: #2f68b4 !default;
|
|
415
|
+
$blue-700: #2f5ca0 !default;
|
|
416
|
+
$blue-800: #284779 !default;
|
|
417
|
+
$blue-900: #213454 !default;
|
|
418
|
+
$blue-950: #1d283e !default;
|
|
419
419
|
$gray-10: #fbfafd !default;
|
|
420
420
|
$gray-50: #ececef !default;
|
|
421
421
|
$gray-100: #dcdcde !default;
|
|
@@ -434,44 +434,44 @@ $green-200: #91d4a8 !default;
|
|
|
434
434
|
$green-300: #52b87a !default;
|
|
435
435
|
$green-400: #2da160 !default;
|
|
436
436
|
$green-500: #108548 !default;
|
|
437
|
-
$green-600: #
|
|
438
|
-
$green-700: #
|
|
439
|
-
$green-800: #
|
|
440
|
-
$green-900: #
|
|
441
|
-
$green-950: #
|
|
437
|
+
$green-600: #2f7549 !default;
|
|
438
|
+
$green-700: #306440 !default;
|
|
439
|
+
$green-800: #225131 !default;
|
|
440
|
+
$green-900: #1e3e28 !default;
|
|
441
|
+
$green-950: #17291c !default;
|
|
442
442
|
$orange-50: #fdf1dd !default;
|
|
443
443
|
$orange-100: #f5d9a8 !default;
|
|
444
444
|
$orange-200: #e9be74 !default;
|
|
445
445
|
$orange-300: #d99530 !default;
|
|
446
446
|
$orange-400: #c17d10 !default;
|
|
447
447
|
$orange-500: #ab6100 !default;
|
|
448
|
-
$orange-600: #
|
|
449
|
-
$orange-700: #
|
|
450
|
-
$orange-800: #
|
|
451
|
-
$orange-900: #
|
|
452
|
-
$orange-950: #
|
|
448
|
+
$orange-600: #995715 !default;
|
|
449
|
+
$orange-700: #894b16 !default;
|
|
450
|
+
$orange-800: #693c14 !default;
|
|
451
|
+
$orange-900: #532e16 !default;
|
|
452
|
+
$orange-950: #382315 !default;
|
|
453
453
|
$purple-50: #f4f0ff !default;
|
|
454
454
|
$purple-100: #e1d8f9 !default;
|
|
455
455
|
$purple-200: #cbbbf2 !default;
|
|
456
456
|
$purple-300: #ac93e6 !default;
|
|
457
457
|
$purple-400: #9475db !default;
|
|
458
458
|
$purple-500: #7b58cf !default;
|
|
459
|
-
$purple-600: #
|
|
460
|
-
$purple-700: #
|
|
461
|
-
$purple-800: #
|
|
462
|
-
$purple-900: #
|
|
463
|
-
$purple-950: #
|
|
459
|
+
$purple-600: #6a4fb4 !default;
|
|
460
|
+
$purple-700: #5c47a6 !default;
|
|
461
|
+
$purple-800: #493c83 !default;
|
|
462
|
+
$purple-900: #342d59 !default;
|
|
463
|
+
$purple-950: #27243e !default;
|
|
464
464
|
$red-50: #fcf1ef !default;
|
|
465
465
|
$red-100: #fdd4cd !default;
|
|
466
466
|
$red-200: #fcb5aa !default;
|
|
467
467
|
$red-300: #f57f6c !default;
|
|
468
468
|
$red-400: #ec5941 !default;
|
|
469
469
|
$red-500: #dd2b0e !default;
|
|
470
|
-
$red-600: #
|
|
471
|
-
$red-700: #
|
|
472
|
-
$red-800: #
|
|
473
|
-
$red-900: #
|
|
474
|
-
$red-950: #
|
|
470
|
+
$red-600: #c02f12 !default;
|
|
471
|
+
$red-700: #a32c12 !default;
|
|
472
|
+
$red-800: #812713 !default;
|
|
473
|
+
$red-900: #582014 !default;
|
|
474
|
+
$red-950: #3e1a14 !default;
|
|
475
475
|
$brand-charcoal: #171321 !default; // Use color.brand-charcoal instead.
|
|
476
476
|
$brand-orange-01: #fca326 !default; // Use color.brand-orange.01p instead.
|
|
477
477
|
$brand-orange-02: #fc6d26 !default; // Use color.brand-orange.02p instead.
|
|
@@ -9,11 +9,11 @@ const baseColors = {
|
|
|
9
9
|
'blue-300': 'var(--blue-300, #63a6e9)',
|
|
10
10
|
'blue-400': 'var(--blue-400, #428fdc)',
|
|
11
11
|
'blue-500': 'var(--blue-500, #1f75cb)',
|
|
12
|
-
'blue-600': 'var(--blue-600, #
|
|
13
|
-
'blue-700': 'var(--blue-700, #
|
|
14
|
-
'blue-800': 'var(--blue-800, #
|
|
15
|
-
'blue-900': 'var(--blue-900, #
|
|
16
|
-
'blue-950': 'var(--blue-950, #
|
|
12
|
+
'blue-600': 'var(--blue-600, #2f68b4)',
|
|
13
|
+
'blue-700': 'var(--blue-700, #2f5ca0)',
|
|
14
|
+
'blue-800': 'var(--blue-800, #284779)',
|
|
15
|
+
'blue-900': 'var(--blue-900, #213454)',
|
|
16
|
+
'blue-950': 'var(--blue-950, #1d283e)',
|
|
17
17
|
'gray-10': 'var(--gray-10, #fbfafd)',
|
|
18
18
|
'gray-50': 'var(--gray-50, #ececef)',
|
|
19
19
|
'gray-100': 'var(--gray-100, #dcdcde)',
|
|
@@ -32,44 +32,44 @@ const baseColors = {
|
|
|
32
32
|
'green-300': 'var(--green-300, #52b87a)',
|
|
33
33
|
'green-400': 'var(--green-400, #2da160)',
|
|
34
34
|
'green-500': 'var(--green-500, #108548)',
|
|
35
|
-
'green-600': 'var(--green-600, #
|
|
36
|
-
'green-700': 'var(--green-700, #
|
|
37
|
-
'green-800': 'var(--green-800, #
|
|
38
|
-
'green-900': 'var(--green-900, #
|
|
39
|
-
'green-950': 'var(--green-950, #
|
|
35
|
+
'green-600': 'var(--green-600, #2f7549)',
|
|
36
|
+
'green-700': 'var(--green-700, #306440)',
|
|
37
|
+
'green-800': 'var(--green-800, #225131)',
|
|
38
|
+
'green-900': 'var(--green-900, #1e3e28)',
|
|
39
|
+
'green-950': 'var(--green-950, #17291c)',
|
|
40
40
|
'orange-50': 'var(--orange-50, #fdf1dd)',
|
|
41
41
|
'orange-100': 'var(--orange-100, #f5d9a8)',
|
|
42
42
|
'orange-200': 'var(--orange-200, #e9be74)',
|
|
43
43
|
'orange-300': 'var(--orange-300, #d99530)',
|
|
44
44
|
'orange-400': 'var(--orange-400, #c17d10)',
|
|
45
45
|
'orange-500': 'var(--orange-500, #ab6100)',
|
|
46
|
-
'orange-600': 'var(--orange-600, #
|
|
47
|
-
'orange-700': 'var(--orange-700, #
|
|
48
|
-
'orange-800': 'var(--orange-800, #
|
|
49
|
-
'orange-900': 'var(--orange-900, #
|
|
50
|
-
'orange-950': 'var(--orange-950, #
|
|
46
|
+
'orange-600': 'var(--orange-600, #995715)',
|
|
47
|
+
'orange-700': 'var(--orange-700, #894b16)',
|
|
48
|
+
'orange-800': 'var(--orange-800, #693c14)',
|
|
49
|
+
'orange-900': 'var(--orange-900, #532e16)',
|
|
50
|
+
'orange-950': 'var(--orange-950, #382315)',
|
|
51
51
|
'purple-50': 'var(--purple-50, #f4f0ff)',
|
|
52
52
|
'purple-100': 'var(--purple-100, #e1d8f9)',
|
|
53
53
|
'purple-200': 'var(--purple-200, #cbbbf2)',
|
|
54
54
|
'purple-300': 'var(--purple-300, #ac93e6)',
|
|
55
55
|
'purple-400': 'var(--purple-400, #9475db)',
|
|
56
56
|
'purple-500': 'var(--purple-500, #7b58cf)',
|
|
57
|
-
'purple-600': 'var(--purple-600, #
|
|
58
|
-
'purple-700': 'var(--purple-700, #
|
|
59
|
-
'purple-800': 'var(--purple-800, #
|
|
60
|
-
'purple-900': 'var(--purple-900, #
|
|
61
|
-
'purple-950': 'var(--purple-950, #
|
|
57
|
+
'purple-600': 'var(--purple-600, #6a4fb4)',
|
|
58
|
+
'purple-700': 'var(--purple-700, #5c47a6)',
|
|
59
|
+
'purple-800': 'var(--purple-800, #493c83)',
|
|
60
|
+
'purple-900': 'var(--purple-900, #342d59)',
|
|
61
|
+
'purple-950': 'var(--purple-950, #27243e)',
|
|
62
62
|
'red-50': 'var(--red-50, #fcf1ef)',
|
|
63
63
|
'red-100': 'var(--red-100, #fdd4cd)',
|
|
64
64
|
'red-200': 'var(--red-200, #fcb5aa)',
|
|
65
65
|
'red-300': 'var(--red-300, #f57f6c)',
|
|
66
66
|
'red-400': 'var(--red-400, #ec5941)',
|
|
67
67
|
'red-500': 'var(--red-500, #dd2b0e)',
|
|
68
|
-
'red-600': 'var(--red-600, #
|
|
69
|
-
'red-700': 'var(--red-700, #
|
|
70
|
-
'red-800': 'var(--red-800, #
|
|
71
|
-
'red-900': 'var(--red-900, #
|
|
72
|
-
'red-950': 'var(--red-950, #
|
|
68
|
+
'red-600': 'var(--red-600, #c02f12)',
|
|
69
|
+
'red-700': 'var(--red-700, #a32c12)',
|
|
70
|
+
'red-800': 'var(--red-800, #812713)',
|
|
71
|
+
'red-900': 'var(--red-900, #582014)',
|
|
72
|
+
'red-950': 'var(--red-950, #3e1a14)',
|
|
73
73
|
};
|
|
74
74
|
const themeColors = {
|
|
75
75
|
'theme-indigo-10': 'var(--theme-indigo-10, #f8f8ff)',
|
|
@@ -223,10 +223,10 @@ const textColors = {
|
|
|
223
223
|
subtle: 'var(--gl-text-color-subtle, var(--gl-color-neutral-600, #626168))',
|
|
224
224
|
strong: 'var(--gl-text-color-strong, var(--gl-color-neutral-950, #18171d))',
|
|
225
225
|
heading: 'var(--gl-text-color-heading, var(--gl-color-neutral-950, #18171d))',
|
|
226
|
-
link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #
|
|
227
|
-
warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #
|
|
228
|
-
danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #
|
|
229
|
-
success: 'var(--gl-text-color-success, var(--gl-color-green-600, #
|
|
226
|
+
link: 'var(--gl-text-color-link, var(--gl-color-blue-700, #2f5ca0))',
|
|
227
|
+
warning: 'var(--gl-text-color-warning, var(--gl-color-orange-600, #995715))',
|
|
228
|
+
danger: 'var(--gl-text-color-danger, var(--gl-color-red-600, #c02f12))',
|
|
229
|
+
success: 'var(--gl-text-color-success, var(--gl-color-green-600, #2f7549))',
|
|
230
230
|
disabled: 'var(--gl-text-color-disabled, var(--gl-color-neutral-400, #89888d))',
|
|
231
231
|
};
|
|
232
232
|
const backgroundColors = {
|
|
@@ -251,11 +251,11 @@ const iconColors = {
|
|
|
251
251
|
subtle: 'var(--gl-icon-color-subtle, var(--gl-text-color-subtle, #626168))',
|
|
252
252
|
strong: 'var(--gl-icon-color-strong, var(--gl-text-color-strong, #18171d))',
|
|
253
253
|
disabled: 'var(--gl-icon-color-disabled, var(--gl-text-color-disabled, #89888d))',
|
|
254
|
-
link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #
|
|
255
|
-
info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #
|
|
256
|
-
warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #
|
|
257
|
-
danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #
|
|
258
|
-
success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #
|
|
254
|
+
link: 'var(--gl-icon-color-link, var(--gl-text-color-link, #2f5ca0))',
|
|
255
|
+
info: 'var(--gl-icon-color-info, var(--gl-color-blue-700, #2f5ca0))',
|
|
256
|
+
warning: 'var(--gl-icon-color-warning, var(--gl-text-color-warning, #995715))',
|
|
257
|
+
danger: 'var(--gl-icon-color-danger, var(--gl-text-color-danger, #c02f12))',
|
|
258
|
+
success: 'var(--gl-icon-color-success, var(--gl-text-color-success, #2f7549))',
|
|
259
259
|
};
|
|
260
260
|
const alphaDarkColors = {
|
|
261
261
|
2: 'var(--gl-color-alpha-dark-2, rgba(05, 05, 06, 0.02))',
|
|
@@ -310,11 +310,11 @@ const statusBackgroundColors = {
|
|
|
310
310
|
};
|
|
311
311
|
const statusTextColors = {
|
|
312
312
|
'status-neutral': 'var(--gl-status-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
|
|
313
|
-
'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #
|
|
314
|
-
'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #
|
|
315
|
-
'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #
|
|
316
|
-
'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #
|
|
317
|
-
'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #
|
|
313
|
+
'status-info': 'var(--gl-status-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
|
|
314
|
+
'status-success': 'var(--gl-status-success-text-color, var(--gl-color-green-700, #306440))',
|
|
315
|
+
'status-warning': 'var(--gl-status-warning-text-color, var(--gl-color-orange-700, #894b16))',
|
|
316
|
+
'status-danger': 'var(--gl-status-danger-text-color, var(--gl-color-red-700, #a32c12))',
|
|
317
|
+
'status-brand': 'var(--gl-status-brand-text-color, var(--gl-color-purple-700, #5c47a6))',
|
|
318
318
|
};
|
|
319
319
|
const statusIconColors = {
|
|
320
320
|
'status-neutral': 'var(--gl-status-neutral-icon-color, var(--gl-color-neutral-500, #737278))',
|
|
@@ -339,18 +339,18 @@ const feedbackBackgroundColors = {
|
|
|
339
339
|
const feedbackTextColors = {
|
|
340
340
|
'feedback-strong': 'var(--gl-feedback-strong-text-color, var(--gl-color-neutral-0, #fff))',
|
|
341
341
|
'feedback-neutral': 'var(--gl-feedback-neutral-text-color, var(--gl-color-neutral-700, #4c4b51))',
|
|
342
|
-
'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #
|
|
343
|
-
'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #
|
|
344
|
-
'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #
|
|
345
|
-
'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #
|
|
342
|
+
'feedback-info': 'var(--gl-feedback-info-text-color, var(--gl-color-blue-700, #2f5ca0))',
|
|
343
|
+
'feedback-success': 'var(--gl-feedback-success-text-color, var(--gl-color-green-700, #306440))',
|
|
344
|
+
'feedback-warning': 'var(--gl-feedback-warning-text-color, var(--gl-color-orange-700, #894b16))',
|
|
345
|
+
'feedback-danger': 'var(--gl-feedback-danger-text-color, var(--gl-color-red-700, #a32c12))',
|
|
346
346
|
};
|
|
347
347
|
const feedbackIconColors = {
|
|
348
348
|
'feedback-strong': 'var(--gl-feedback-strong-icon-color, var(--gl-color-neutral-0, #fff))',
|
|
349
349
|
'feedback-neutral': 'var(--gl-feedback-neutral-icon-color, var(--gl-color-neutral-600, #626168))',
|
|
350
|
-
'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #
|
|
351
|
-
'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #
|
|
352
|
-
'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #
|
|
353
|
-
'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #
|
|
350
|
+
'feedback-info': 'var(--gl-feedback-info-icon-color, var(--gl-color-blue-600, #2f68b4))',
|
|
351
|
+
'feedback-success': 'var(--gl-feedback-success-icon-color, var(--gl-color-green-600, #2f7549))',
|
|
352
|
+
'feedback-warning': 'var(--gl-feedback-warning-icon-color, var(--gl-color-orange-600, #995715))',
|
|
353
|
+
'feedback-danger': 'var(--gl-feedback-danger-icon-color, var(--gl-color-red-600, #c02f12))',
|
|
354
354
|
};
|
|
355
355
|
|
|
356
356
|
const colors = {
|
|
@@ -2,7 +2,6 @@
|
|
|
2
2
|
const NAME_BUTTON = 'BButton';
|
|
3
3
|
const NAME_BUTTON_CLOSE = 'BButtonClose';
|
|
4
4
|
const NAME_COL = 'BCol';
|
|
5
|
-
const NAME_COLLAPSE = 'BCollapse';
|
|
6
5
|
const NAME_DROPDOWN = 'BDropdown';
|
|
7
6
|
const NAME_DROPDOWN_DIVIDER = 'BDropdownDivider';
|
|
8
7
|
const NAME_DROPDOWN_FORM = 'BDropdownForm';
|
|
@@ -46,7 +45,6 @@ const NAME_TOOLTIP = 'BTooltip';
|
|
|
46
45
|
const NAME_TR = 'BTr';
|
|
47
46
|
|
|
48
47
|
// Helper component names
|
|
49
|
-
const NAME_COLLAPSE_HELPER = 'BVCollapse';
|
|
50
48
|
const NAME_FORM_BUTTON_LABEL_CONTROL = 'BVFormBtnLabelControl';
|
|
51
49
|
const NAME_FORM_RATING_STAR = 'BVFormRatingStar';
|
|
52
50
|
const NAME_POPOVER_HELPER = 'BVPopover';
|
|
@@ -60,4 +58,4 @@ const NAME_TRANSITION = 'BVTransition';
|
|
|
60
58
|
const NAME_TRANSPORTER = 'BVTransporter';
|
|
61
59
|
const NAME_TRANSPORTER_TARGET = 'BVTransporterTarget';
|
|
62
60
|
|
|
63
|
-
export { NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_COL,
|
|
61
|
+
export { NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_COL, NAME_DROPDOWN, NAME_DROPDOWN_DIVIDER, NAME_DROPDOWN_FORM, NAME_DROPDOWN_GROUP, NAME_DROPDOWN_HEADER, NAME_DROPDOWN_ITEM, NAME_DROPDOWN_ITEM_BUTTON, NAME_DROPDOWN_TEXT, NAME_FORM, NAME_FORM_BUTTON_LABEL_CONTROL, NAME_FORM_CHECKBOX, NAME_FORM_CHECKBOX_GROUP, NAME_FORM_GROUP, NAME_FORM_INVALID_FEEDBACK, NAME_FORM_RADIO, NAME_FORM_RADIO_GROUP, NAME_FORM_RATING_STAR, NAME_FORM_ROW, NAME_FORM_SELECT, NAME_FORM_SELECT_OPTION, NAME_FORM_SELECT_OPTION_GROUP, NAME_FORM_TEXT, NAME_FORM_TEXTAREA, NAME_FORM_VALID_FEEDBACK, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAV_ITEM, NAME_POPOVER, NAME_POPOVER_HELPER, NAME_POPOVER_TEMPLATE, NAME_POPPER, NAME_TAB, NAME_TABLE, NAME_TABLE_CELL, NAME_TABLE_LITE, NAME_TABLE_SIMPLE, NAME_TABS, NAME_TAB_BUTTON_HELPER, NAME_TBODY, NAME_TFOOT, NAME_TH, NAME_THEAD, NAME_TOAST, NAME_TOASTER, NAME_TOAST_POP, NAME_TOOLTIP, NAME_TOOLTIP_HELPER, NAME_TOOLTIP_TEMPLATE, NAME_TR, NAME_TRANSITION, NAME_TRANSPORTER, NAME_TRANSPORTER_TARGET };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { extend } from '../vue';
|
|
2
2
|
import { cloneDeep } from './clone-deep';
|
|
3
3
|
import { looseEqual } from './loose-equal';
|
|
4
|
-
import {
|
|
4
|
+
import { hasOwnProperty, keys } from './object';
|
|
5
5
|
|
|
6
6
|
const isEmpty = value => !value || keys(value).length === 0;
|
|
7
7
|
const makePropWatcher = propName => ({
|
|
@@ -2,7 +2,7 @@ import { PROP_TYPE_ANY } from '../constants/props';
|
|
|
2
2
|
import { cloneDeep } from './clone-deep';
|
|
3
3
|
import { getComponentConfig } from './config';
|
|
4
4
|
import { identity } from './identity';
|
|
5
|
-
import {
|
|
5
|
+
import { isUndefined, isObject, isArray, isFunction } from './inspect';
|
|
6
6
|
import { hasOwnProperty, clone, keys } from './object';
|
|
7
7
|
import { upperFirst } from './string';
|
|
8
8
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { RX_QUERY_START, RX_PLUS, RX_ENCODE_REVERSE, RX_ENCODED_COMMA } from '../constants/regex';
|
|
2
2
|
import { isTag } from './dom';
|
|
3
3
|
import { isPlainObject, isUndefined, isNull, isArray, isString } from './inspect';
|
|
4
4
|
import { keys } from './object';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "112.
|
|
3
|
+
"version": "112.3.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
"eslint-formatter-gitlab": "^5.1.0",
|
|
153
153
|
"eslint-import-resolver-jest": "3.0.2",
|
|
154
154
|
"eslint-plugin-cypress": "3.6.0",
|
|
155
|
-
"eslint-plugin-storybook": "0.
|
|
155
|
+
"eslint-plugin-storybook": "0.12.0",
|
|
156
156
|
"fuse.js": "^7.0.0",
|
|
157
157
|
"gitlab-api-async-iterator": "^1.3.1",
|
|
158
158
|
"glob": "10.3.3",
|