@gitlab/ui 115.9.0 → 115.9.1
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/dist/components/base/avatar_link/avatar_link.js +1 -1
- package/dist/components/base/avatars_inline/avatars_inline.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/package.json +10 -10
- package/src/components/base/avatar_link/avatar_link.vue +1 -1
- package/src/components/base/avatars_inline/avatars_inline.vue +1 -1
- package/src/components/base/markdown/markdown_typescale_demo.html +41 -71
- package/src/scss/variables.scss +1 -1
- package/src/components/base/accordion/accordion.md +0 -3
- package/src/components/base/accordion/accordion_item.md +0 -3
- package/src/components/base/alert/alert.md +0 -35
- package/src/components/base/animated_icon/animated_icon.md +0 -4
- package/src/components/base/avatar/avatar.md +0 -1
- package/src/components/base/avatar_labeled/avatar_labeled.md +0 -20
- package/src/components/base/avatar_link/avatar_link.md +0 -33
- package/src/components/base/avatars_inline/avatars_inline.md +0 -38
- package/src/components/base/badge/badge.md +0 -30
- package/src/components/base/banner/banner.md +0 -35
- package/src/components/base/breadcrumb/breadcrumb.md +0 -52
- package/src/components/base/broadcast_message/broadcast_message.md +0 -25
- package/src/components/base/button/button.md +0 -119
- package/src/components/base/button_group/button_group.md +0 -44
- package/src/components/base/card/card.md +0 -4
- package/src/components/base/collapse/collapse.md +0 -64
- package/src/components/base/datepicker/datepicker.md +0 -8
- package/src/components/base/daterange_picker/daterange_picker.md +0 -32
- package/src/components/base/drawer/drawer.md +0 -17
- package/src/components/base/dropdown/dropdown.md +0 -72
- package/src/components/base/dropdown/dropdown_item.md +0 -2
- package/src/components/base/dropdown/dropdown_section_header.md +0 -7
- package/src/components/base/dropdown/dropdown_text.md +0 -7
- package/src/components/base/filtered_search/filtered_search.md +0 -76
- package/src/components/base/filtered_search/filtered_search_suggestion.md +0 -15
- package/src/components/base/filtered_search/filtered_search_suggestion_list.md +0 -13
- package/src/components/base/filtered_search/filtered_search_term.md +0 -7
- package/src/components/base/filtered_search/filtered_search_token.md +0 -23
- package/src/components/base/filtered_search/filtered_search_token_segment.md +0 -14
- package/src/components/base/form/form_checkbox/form_checkbox.md +0 -6
- package/src/components/base/form/form_input/form_input.md +0 -306
- package/src/components/base/form/form_radio/form_radio.md +0 -23
- package/src/components/base/form/form_radio_group/form_radio_group.md +0 -63
- package/src/components/base/form/form_select/form_select.md +0 -1
- package/src/components/base/form/form_textarea/form_textarea.md +0 -3
- package/src/components/base/icon/icon.md +0 -27
- package/src/components/base/infinite_scroll/infinite_scroll.md +0 -104
- package/src/components/base/keyset_pagination/keyset_pagination.md +0 -49
- package/src/components/base/label/label.md +0 -15
- package/src/components/base/link/link.md +0 -187
- package/src/components/base/loading_icon/loading_icon.md +0 -3
- package/src/components/base/modal/modal.md +0 -30
- package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +0 -184
- package/src/components/base/new_dropdowns/listbox/listbox.md +0 -195
- package/src/components/base/pagination/pagination.md +0 -45
- package/src/components/base/path/path.md +0 -41
- package/src/components/base/progress_bar/progress_bar.md +0 -25
- package/src/components/base/search_box_by_click/search_box_by_click.md +0 -1
- package/src/components/base/search_box_by_type/search_box_by_type.md +0 -1
- package/src/components/base/segmented_control/segmented_control.md +0 -26
- package/src/components/base/skeleton_loader/skeleton_loader.md +0 -70
- package/src/components/base/sorting/sorting.md +0 -80
- package/src/components/base/table/table.md +0 -71
- package/src/components/base/table_lite/table_lite.md +0 -68
- package/src/components/base/tabs/tabs/tabs.md +0 -80
- package/src/components/base/toast/toast.md +0 -48
- package/src/components/base/toggle/toggle.md +0 -4
- package/src/components/base/token/token.md +0 -12
- package/src/components/base/tooltip/tooltip.md +0 -52
- package/src/scss/typescale/typeface_demo.html +0 -70
- package/src/scss/typescale/typescale.md +0 -81
package/dist/tailwind.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gl-animate-skeleton-loader{background-color:var(--gl-skeleton-loader-background-color);background-image:linear-gradient(to right,var(--gl-skeleton-loader-background-color) 0,var(--gl-skeleton-loader-shimmer-color) 23%,var(--gl-skeleton-loader-shimmer-color) 27%,var(--gl-skeleton-loader-background-color) 50%);background-position:-32rem 0;background-repeat:no-repeat;background-size:32rem 100%;max-width:32rem;overflow:hidden}@media (prefers-reduced-motion:no-preference){.gl-animate-skeleton-loader{animation:gl-keyframes-skeleton-loader 2.5s linear;animation-delay:inherit;animation-iteration-count:3}}@keyframes gl-keyframes-skeleton-loader{0%{background-position-x:-32rem}to{background-position-x:32rem}}.gl-border{border-color:var(--gl-border-color-default);border-style:solid}.gl-border-t{border-top-color:var(--gl-border-color-default);border-top-style:solid}.gl-border-b{border-bottom-color:var(--gl-border-color-default);border-bottom-style:solid}.gl-heading-4{font-size:1rem;letter-spacing:inherit}.gl-heading-2,.gl-heading-4{color:var(--gl-text-color-heading);font-weight:600;line-height:1.25;margin-bottom:1rem;margin-top:0}.gl-heading-2{font-size:clamp(1.3125rem,.8680555556rem + .9259259259vw,1.5625rem);letter-spacing:-.01em}.gl-heading-scale-500{color:var(--gl-text-color-heading);font-size:clamp(1.125rem,.9027777778rem + .462962963vw,1.25rem);font-weight:600;letter-spacing:inherit;line-height:1.25;margin-top:0}.gl-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gl-pointer-events-auto{pointer-events:auto}.gl-invisible{visibility:hidden}.gl-collapse{visibility:collapse}.gl-static{position:static}.gl-fixed{position:fixed}.\!gl-absolute{position:absolute!important}.gl-absolute{position:absolute}.gl-relative{position:relative}.gl-sticky{position:sticky}.gl-top-0{top:0}.\!gl-z-9999{z-index:9999!important}.gl-z-9999{z-index:9999}.gl-float-right{float:right}.\!gl-m-0{margin:0!important}.gl-m-0{margin:0}.gl-m-7{margin:2rem}.gl-m-auto{margin:auto}.\!gl-mx-2{margin-left:.25rem!important;margin-right:.25rem!important}.-gl-mx-1{margin-left:-.125rem;margin-right:-.125rem}.-gl-mx-3{margin-left:-.5rem;margin-right:-.5rem}.-gl-mx-4{margin-left:-.75rem;margin-right:-.75rem}.-gl-my-1{margin-bottom:-.125rem;margin-top:-.125rem}.-gl-my-3{margin-bottom:-.5rem;margin-top:-.5rem}.gl-mx-2{margin-left:.25rem;margin-right:.25rem}.gl-mx-4{margin-left:.75rem;margin-right:.75rem}.gl-mx-auto{margin-left:auto;margin-right:auto}.gl-my-0{margin-bottom:0;margin-top:0}.gl-my-3{margin-bottom:.5rem;margin-top:.5rem}.gl-my-4{margin-bottom:.75rem;margin-top:.75rem}.gl-my-5{margin-bottom:1rem;margin-top:1rem}.\!gl-mb-2{margin-bottom:.25rem!important}.\!gl-mb-4{margin-bottom:.75rem!important}.\!gl-mt-2{margin-top:.25rem!important}.-gl-ml-2{margin-left:-.25rem}.-gl-mr-3{margin-right:-.5rem}.-gl-mt-2{margin-top:-.25rem}.gl-mb-0{margin-bottom:0}.gl-mb-2{margin-bottom:.25rem}.gl-mb-3{margin-bottom:.5rem}.gl-mb-4{margin-bottom:.75rem}.gl-mb-5{margin-bottom:1rem}.gl-mb-8{margin-bottom:2.5rem}.gl-ml-1{margin-left:.125rem}.gl-ml-2{margin-left:.25rem}.gl-ml-3{margin-left:.5rem}.gl-ml-5{margin-left:1rem}.gl-ml-6{margin-left:1.5rem}.gl-mr-1{margin-right:.125rem}.gl-mr-2{margin-right:.25rem}.gl-mr-3{margin-right:.5rem}.gl-mr-4{margin-right:.75rem}.gl-mr-auto{margin-right:auto}.gl-mt-0{margin-top:0}.gl-mt-2{margin-top:.25rem}.gl-mt-3{margin-top:.5rem}.gl-mt-4{margin-top:.75rem}.gl-mt-5{margin-top:1rem}.gl-mt-6{margin-top:1.5rem}.\!gl-block{display:block!important}.gl-block{display:block}.gl-inline-block{display:inline-block}.\!gl-flex{display:flex!important}.gl-flex{display:flex}.gl-inline-flex{display:inline-flex}.gl-table{display:table}.gl-grid{display:grid}.\!gl-hidden{display:none!important}.gl-hidden{display:none}.gl-h-0{height:0}.gl-h-11{height:4rem}.gl-h-4{height:.75rem}.gl-h-5{height:1rem}.gl-h-62{height:31rem}.gl-h-auto{height:auto}.gl-h-full{height:100%}.gl-h-screen{height:100vh}.gl-min-h-8{min-height:2.5rem}.\!gl-w-31{width:15.5rem!important}.\!gl-w-auto{width:auto!important}.gl-w-1\/5{width:20%}.gl-w-10{width:3.5rem}.gl-w-12{width:5rem}.gl-w-20{width:10rem}.gl-w-3\/4{width:75%}.gl-w-30{width:15rem}.gl-w-4\/10{width:40%}.gl-w-5{width:1rem}.gl-w-auto{width:auto}.gl-w-full{width:100%}.gl-min-w-0{min-width:0}.\!gl-max-w-20{max-width:10rem!important}.\!gl-max-w-26{max-width:13rem!important}.\!gl-max-w-30{max-width:15rem!important}.gl-max-w-1\/2{max-width:50%}.gl-max-w-48{max-width:24rem}.gl-max-w-75{max-width:37.5rem}.gl-max-w-full{max-width:100%}.gl-max-w-sm{max-width:24rem}.gl-flex-1{flex:1 1 0%}.gl-flex-auto{flex:1 1 auto}.gl-flex-shrink-0,.gl-shrink-0{flex-shrink:0}.gl-grow{flex-grow:1}.gl-basis-0{flex-basis:0}.\!gl-cursor-grabbing{cursor:grabbing!important}.\!gl-cursor-not-allowed{cursor:not-allowed!important}.\!gl-cursor-text{cursor:text!important}.gl-cursor-default{cursor:default}.gl-cursor-grab{cursor:grab}.gl-cursor-pointer{cursor:pointer}.gl-cursor-text{cursor:text}.gl-select-none{-webkit-user-select:none;user-select:none}.gl-list-none{list-style-type:none}.gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-flex-row{flex-direction:row}.gl-flex-col{flex-direction:column}.gl-flex-wrap{flex-wrap:wrap}.gl-flex-nowrap{flex-wrap:nowrap}.gl-place-items-center{place-items:center}.gl-content-center{align-content:center}.gl-items-start{align-items:flex-start}.gl-items-end{align-items:flex-end}.gl-items-center{align-items:center}.gl-items-baseline{align-items:baseline}.\!gl-justify-start{justify-content:flex-start!important}.gl-justify-end{justify-content:flex-end}.gl-justify-center{justify-content:center}.gl-justify-between{justify-content:space-between}.gl-gap-2{gap:.25rem}.gl-gap-3{gap:.5rem}.gl-gap-5{gap:1rem}.gl-gap-6{gap:1.5rem}.gl-gap-x-3{column-gap:.5rem}.gl-self-start{align-self:flex-start}.gl-self-center{align-self:center}.gl-overflow-hidden{overflow:hidden}.\!gl-overflow-visible{overflow:visible!important}.gl-overflow-visible{overflow:visible}.gl-overflow-y-auto{overflow-y:auto}.gl-overflow-x-hidden{overflow-x:hidden}.gl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!gl-text-ellipsis{text-overflow:ellipsis!important}.gl-text-ellipsis{text-overflow:ellipsis}.gl-whitespace-nowrap{white-space:nowrap}.gl-whitespace-pre-line{white-space:pre-line}.gl-break-words{overflow-wrap:break-word}.\!gl-rounded-base{border-radius:.25rem!important}.\!gl-rounded-none{border-radius:0!important}.gl-rounded-base{border-radius:.25rem}.gl-rounded-full{border-radius:50%}.gl-rounded-lg{border-radius:.5rem}.gl-rounded-t-base{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.gl-border{border-width:1px}.\!gl-border-b-0{border-bottom-width:0!important}.gl-border-b,.gl-border-b-1{border-bottom-width:1px}.gl-border-t,.gl-border-t-1{border-top-width:1px}.gl-border-t-2{border-top-width:2px}.gl-border-dashed{border-style:dashed}.gl-border-none{border-style:none}.gl-border-default{border-color:var(--gl-border-color-default,var(--gl-color-neutral-100,#dcdcde))}.gl-border-dropdown{border-color:var(--gl-dropdown-border-color,var(--gl-border-color-strong,#bfbfc3))}.gl-border-gray-500{border-color:var(--gray-500,#737278)}.gl-border-section{border-color:var(--gl-border-color-section,var(--gl-border-color-default,#dcdcde))}.gl-border-strong{border-color:var(--gl-border-color-strong,var(--gl-color-neutral-200,#bfbfc3))}.gl-border-subtle{border-color:var(--gl-border-color-subtle,var(--gl-color-neutral-50,#ececef))}.gl-border-b-dropdown-divider{border-bottom-color:var(--gl-dropdown-divider-color,var(--gl-border-color-default,#dcdcde))}.gl-border-b-section{border-bottom-color:var(--gl-border-color-section,var(--gl-border-color-default,#dcdcde))}.gl-border-t-blue-500{border-top-color:var(--blue-500,#1f75cb)}.gl-border-t-dropdown-divider{border-top-color:var(--gl-dropdown-divider-color,var(--gl-border-color-default,#dcdcde))}.gl-border-t-red-500{border-top-color:var(--red-500,#dd2b0e)}.\!gl-bg-data-viz-green-700{background-color:var(--data-viz-green-700,#366800)!important}.\!gl-bg-data-viz-magenta-950{background-color:var(--data-viz-magenta-950,#541d31)!important}.gl-bg-blue-100{background-color:var(--blue-100,#cbe2f9)}.gl-bg-default{background-color:var(--gl-background-color-default,var(--gl-color-neutral-0,#fff))}.gl-bg-dropdown{background-color:var(--gl-dropdown-background-color,var(--gl-background-color-overlap,#fff))}.gl-bg-feedback-danger{background-color:var(--gl-feedback-danger-background-color,var(--gl-color-red-50,#fcf1ef))}.gl-bg-feedback-info{background-color:var(--gl-feedback-info-background-color,var(--gl-color-blue-50,#e9f3fc))}.gl-bg-feedback-neutral{background-color:var(--gl-feedback-neutral-background-color,var(--gl-color-neutral-50,#ececef))}.gl-bg-feedback-strong{background-color:var(--gl-feedback-strong-background-color,var(--gl-color-neutral-800,#3a383f))}.gl-bg-feedback-success{background-color:var(--gl-feedback-success-background-color,var(--gl-color-green-50,#ecf4ee))}.gl-bg-feedback-warning{background-color:var(--gl-feedback-warning-background-color,var(--gl-color-orange-50,#fdf1dd))}.gl-bg-gray-50{background-color:var(--gray-50,#ececef)}.gl-bg-gray-900{background-color:var(--gray-900,#28272d)}.gl-bg-gray-950{background-color:var(--gray-950,#18171d)}.gl-bg-green-100{background-color:var(--green-100,#c3e6cd)}.gl-bg-overlap{background-color:var(--gl-background-color-overlap,var(--gl-color-neutral-0,#fff))}.gl-bg-overlay{background-color:var(--gl-background-color-overlay,var(--gl-color-alpha-dark-24,rgba(5,5,6,.24)))}.gl-bg-purple-50{background-color:var(--purple-50,#f4f0ff)}.gl-bg-red-100{background-color:var(--red-100,#fdd4cd)}.gl-bg-section{background-color:var(--gl-background-color-section,var(--gl-color-neutral-0,#fff))}.gl-bg-status-brand{background-color:var(--gl-status-brand-background-color,var(--gl-color-purple-100,#e1d8f9))}.gl-bg-status-danger{background-color:var(--gl-status-danger-background-color,var(--gl-color-red-100,#fdd4cd))}.gl-bg-status-info{background-color:var(--gl-status-info-background-color,var(--gl-color-blue-100,#cbe2f9))}.gl-bg-status-neutral{background-color:var(--gl-status-neutral-background-color,var(--gl-color-neutral-100,#dcdcde))}.gl-bg-status-success{background-color:var(--gl-status-success-background-color,var(--gl-color-green-100,#c3e6cd))}.gl-bg-status-warning{background-color:var(--gl-status-warning-background-color,var(--gl-color-orange-100,#f5d9a8))}.gl-bg-strong{background-color:var(--gl-background-color-strong,var(--gl-color-neutral-50,#ececef))}.gl-bg-subtle{background-color:var(--gl-background-color-subtle,var(--gl-color-neutral-10,#fbfafd))}.gl-bg-transparent{background-color:transparent}.gl-bg-white{background-color:var(--white,#fff)}.gl-fill-current{fill:currentColor}.gl-fill-feedback-danger{fill:var(--gl-feedback-danger-icon-color,var(--gl-color-red-600,#c02f12))}.gl-fill-feedback-info{fill:var(--gl-feedback-info-icon-color,var(--gl-color-blue-600,#2f68b4))}.gl-fill-feedback-neutral{fill:var(--gl-feedback-neutral-icon-color,var(--gl-color-neutral-600,#626168))}.gl-fill-feedback-strong{fill:var(--gl-feedback-strong-icon-color,var(--gl-color-neutral-0,#fff))}.gl-fill-feedback-success{fill:var(--gl-feedback-success-icon-color,var(--gl-color-green-600,#2f7549))}.gl-fill-feedback-warning{fill:var(--gl-feedback-warning-icon-color,var(--gl-color-orange-600,#995715))}.gl-fill-icon-danger{fill:var(--gl-icon-color-danger,var(--gl-text-color-danger,#c02f12))}.gl-fill-icon-default{fill:var(--gl-icon-color-default,var(--gl-text-color-default,#3a383f))}.gl-fill-icon-disabled{fill:var(--gl-icon-color-disabled,var(--gl-text-color-disabled,#89888d))}.gl-fill-icon-info{fill:var(--gl-icon-color-info,var(--gl-color-blue-700,#2f5ca0))}.gl-fill-icon-link{fill:var(--gl-icon-color-link,var(--gl-text-color-link,#2f5ca0))}.gl-fill-icon-strong{fill:var(--gl-icon-color-strong,var(--gl-text-color-strong,#18171d))}.gl-fill-icon-subtle{fill:var(--gl-icon-color-subtle,var(--gl-text-color-subtle,#626168))}.gl-fill-icon-success{fill:var(--gl-icon-color-success,var(--gl-text-color-success,#2f7549))}.gl-fill-icon-warning{fill:var(--gl-icon-color-warning,var(--gl-text-color-warning,#995715))}.gl-fill-status-brand{fill:var(--gl-status-brand-icon-color,var(--gl-color-purple-500,#7b58cf))}.gl-fill-status-danger{fill:var(--gl-status-danger-icon-color,var(--gl-color-red-500,#dd2b0e))}.gl-fill-status-info{fill:var(--gl-status-info-icon-color,var(--gl-color-blue-500,#1f75cb))}.gl-fill-status-neutral{fill:var(--gl-status-neutral-icon-color,var(--gl-color-neutral-500,#737278))}.gl-fill-status-success{fill:var(--gl-status-success-icon-color,var(--gl-color-green-500,#108548))}.gl-fill-status-warning{fill:var(--gl-status-warning-icon-color,var(--gl-color-orange-500,#ab6100))}.\!gl-p-0{padding:0!important}.\!gl-p-2{padding:.25rem!important}.\!gl-p-4{padding:.75rem!important}.gl-p-0{padding:0}.gl-p-1{padding:.125rem}.gl-p-2{padding:.25rem}.gl-p-3{padding:.5rem}.gl-p-4{padding:.75rem}.gl-p-5{padding:1rem}.gl-p-7{padding:2rem}.gl-p-8{padding:2.5rem}.\!gl-px-2{padding-left:.25rem!important;padding-right:.25rem!important}.\!gl-px-3{padding-left:.5rem!important;padding-right:.5rem!important}.\!gl-py-2{padding-bottom:.25rem!important;padding-top:.25rem!important}.gl-px-1{padding-left:.125rem;padding-right:.125rem}.gl-px-2{padding-left:.25rem;padding-right:.25rem}.gl-px-3{padding-left:.5rem;padding-right:.5rem}.gl-px-4{padding-left:.75rem;padding-right:.75rem}.gl-px-5{padding-left:1rem;padding-right:1rem}.gl-py-2{padding-bottom:.25rem;padding-top:.25rem}.gl-py-3{padding-bottom:.5rem;padding-top:.5rem}.gl-py-4{padding-bottom:.75rem;padding-top:.75rem}.gl-py-5{padding-bottom:1rem;padding-top:1rem}.gl-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.\!gl-pr-7{padding-right:2rem!important}.\!gl-pr-9{padding-right:3rem!important}.\!gl-pt-0{padding-top:0!important}.gl-pb-10{padding-bottom:3.5rem}.gl-pb-2{padding-bottom:.25rem}.gl-pb-3{padding-bottom:.5rem}.gl-pb-5{padding-bottom:1rem}.gl-pl-0{padding-left:0}.gl-pl-2{padding-left:.25rem}.gl-pl-4{padding-left:.75rem}.gl-pl-5{padding-left:1rem}.gl-pl-6{padding-left:1.5rem}.gl-pl-7{padding-left:2rem}.gl-pr-10{padding-right:3.5rem}.gl-pr-2{padding-right:.25rem}.gl-pr-5{padding-right:1rem}.gl-pr-6{padding-right:1.5rem}.gl-pr-8{padding-right:2.5rem}.gl-pt-1{padding-top:.125rem}.gl-pt-2{padding-top:.25rem}.gl-pt-3{padding-top:.5rem}.gl-pt-4{padding-top:.75rem}.\!gl-text-left{text-align:left!important}.gl-text-center{text-align:center}.gl-text-right{text-align:right}.gl-align-middle{vertical-align:middle}.\!gl-align-text-bottom{vertical-align:text-bottom!important}.gl-font-regular{font-family:var(--default-regular-font,"GitLab Sans"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.\!gl-text-sm{font-size:.75rem!important}.gl-text-base{font-size:.875rem}.gl-text-size-h-display{font-size:1.75rem}.gl-text-sm{font-size:.75rem}.gl-text-xs{font-size:.625rem}.gl-font-bold{font-weight:600}.gl-font-normal{font-weight:400}.gl-capitalize{text-transform:capitalize}.gl-leading-1{line-height:1}.gl-leading-36{line-height:2.25rem}.gl-leading-normal{line-height:1rem}.\!gl-text-red-500{color:var(--red-500,#dd2b0e)!important}.\!gl-text-subtle{color:var(--gl-text-color-subtle,var(--gl-color-neutral-600,#626168))!important}.\!gl-text-white{color:var(--white,#fff)!important}.gl-text-blue-100{color:var(--blue-100,#cbe2f9)}.gl-text-blue-500{color:var(--blue-500,#1f75cb)}.gl-text-danger{color:var(--gl-text-color-danger,var(--gl-color-red-600,#c02f12))}.gl-text-default{color:var(--gl-text-color-default,var(--gl-color-neutral-800,#3a383f))}.gl-text-feedback-danger{color:var(--gl-feedback-danger-text-color,var(--gl-color-red-700,#a32c12))}.gl-text-feedback-info{color:var(--gl-feedback-info-text-color,var(--gl-color-blue-700,#2f5ca0))}.gl-text-feedback-neutral{color:var(--gl-feedback-neutral-text-color,var(--gl-color-neutral-700,#4c4b51))}.gl-text-feedback-strong{color:var(--gl-feedback-strong-text-color,var(--gl-color-neutral-0,#fff))}.gl-text-feedback-success{color:var(--gl-feedback-success-text-color,var(--gl-color-green-700,#306440))}.gl-text-feedback-warning{color:var(--gl-feedback-warning-text-color,var(--gl-color-orange-700,#894b16))}.gl-text-gray-500{color:var(--gray-500,#737278)}.gl-text-gray-700{color:var(--gray-700,#4c4b51)}.gl-text-gray-900{color:var(--gray-900,#28272d)}.gl-text-green-500{color:var(--green-500,#108548)}.gl-text-green-600{color:var(--green-600,#2f7549)}.gl-text-inherit{color:inherit}.gl-text-neutral-0{color:var(--gl-color-neutral-0,#fff)}.gl-text-neutral-950{color:var(--gl-color-neutral-950,#18171d)}.gl-text-orange-500{color:var(--orange-500,#ab6100)}.gl-text-red-300{color:var(--red-300,#f57f6c)}.gl-text-red-500{color:var(--red-500,#dd2b0e)}.gl-text-secondary{color:var(--gl-text-secondary,#737278)}.gl-text-status-brand{color:var(--gl-status-brand-text-color,var(--gl-color-purple-700,#5c47a6))}.gl-text-status-danger{color:var(--gl-status-danger-text-color,var(--gl-color-red-700,#a32c12))}.gl-text-status-info{color:var(--gl-status-info-text-color,var(--gl-color-blue-700,#2f5ca0))}.gl-text-status-neutral{color:var(--gl-status-neutral-text-color,var(--gl-color-neutral-700,#4c4b51))}.gl-text-status-success{color:var(--gl-status-success-text-color,var(--gl-color-green-700,#306440))}.gl-text-status-warning{color:var(--gl-status-warning-text-color,var(--gl-color-orange-700,#894b16))}.gl-text-strong{color:var(--gl-text-color-strong,var(--gl-color-neutral-950,#18171d))}.gl-text-subtle{color:var(--gl-text-color-subtle,var(--gl-color-neutral-600,#626168))}.gl-text-tertiary{color:var(--gl-text-tertiary,#89888d)}.gl-text-white{color:var(--white,#fff)}.\!gl-opacity-0{opacity:0!important}.gl-opacity-10{opacity:1}.gl-shadow-inner-1-red-300{--tw-shadow:inset 0 0 0 1px var(--red-300,#f57f6c);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.gl-shadow-inner-1-red-300,.gl-shadow-inner-1-red-500{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-shadow-inner-1-red-500{--tw-shadow:inset 0 0 0 1px var(--red-500,#dd2b0e);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.gl-shadow-lg{--tw-shadow:0 0 2px var(--gl-shadow-color-default,#05050629),0 0 2px var(--gl-shadow-color-default,#05050629),0 4px 12px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 2px var(--tw-shadow-color),0 0 2px var(--tw-shadow-color),0 4px 12px var(--tw-shadow-color)}.gl-shadow-lg,.gl-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-shadow-md{--tw-shadow:0 0 1px var(--gl-shadow-color-default,#05050629),0 0 2px var(--gl-shadow-color-default,#05050629),0 2px 8px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 1px var(--tw-shadow-color),0 0 2px var(--tw-shadow-color),0 2px 8px var(--tw-shadow-color)}.gl-shadow-sm{--tw-shadow:0 0 2px var(--gl-shadow-color-default,#05050629),0 1px 4px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 2px var(--tw-shadow-color),0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-outline-none{outline:2px solid transparent;outline-offset:2px}.gl-transition-all{transition-duration:.2s;transition-property:all;transition-timing-function:ease}.gl-font-monospace{font-family:var(--default-mono-font,"GitLab Mono"),"JetBrains Mono","Menlo","DejaVu Sans Mono","Liberation Mono","Consolas","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;font-variant-ligatures:none}.gl-border-b-solid{border-bottom-style:solid}.gl-border-t-solid{border-top-style:solid}.hover\:\!gl-cursor-not-allowed:hover{cursor:not-allowed!important}.hover\:gl-cursor-pointer:hover{cursor:pointer}.focus\:\!gl-focus-inset:focus{box-shadow:inset 0 0 0 2px var(--gl-focus-ring-outer-color),inset 0 0 0 3px var(--gl-focus-ring-inner-color),inset 0 0 0 1px var(--gl-focus-ring-inner-color)!important;outline:none!important}@media (min-width:576px){.sm\:gl-block{display:block}.sm\:\!gl-hidden{display:none!important}.sm\:gl-flex-nowrap{flex-wrap:nowrap}.sm\:gl-gap-3{gap:.5rem}}@media (min-width:768px){.md\:gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.gl-animate-skeleton-loader{background-color:var(--gl-skeleton-loader-background-color);background-image:linear-gradient(to right,var(--gl-skeleton-loader-background-color) 0,var(--gl-skeleton-loader-shimmer-color) 23%,var(--gl-skeleton-loader-shimmer-color) 27%,var(--gl-skeleton-loader-background-color) 50%);background-position:-32rem 0;background-repeat:no-repeat;background-size:32rem 100%;max-width:32rem;overflow:hidden}@media (prefers-reduced-motion:no-preference){.gl-animate-skeleton-loader{animation:gl-keyframes-skeleton-loader 2.5s linear;animation-delay:inherit;animation-iteration-count:3}}@keyframes gl-keyframes-skeleton-loader{0%{background-position-x:-32rem}to{background-position-x:32rem}}.gl-border{border-color:var(--gl-border-color-default);border-style:solid}.gl-border-t{border-top-color:var(--gl-border-color-default);border-top-style:solid}.gl-border-b{border-bottom-color:var(--gl-border-color-default);border-bottom-style:solid}.gl-heading-4{font-size:1rem;margin-bottom:1rem}.gl-heading-4,.gl-heading-scale-500{color:var(--gl-text-color-heading);font-weight:600;letter-spacing:inherit;line-height:1.25;margin-top:0}.gl-heading-scale-500{font-size:clamp(1.125rem,.9027777778rem + .462962963vw,1.25rem)}.gl-sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.gl-pointer-events-auto{pointer-events:auto}.gl-invisible{visibility:hidden}.gl-collapse{visibility:collapse}.gl-static{position:static}.gl-fixed{position:fixed}.\!gl-absolute{position:absolute!important}.gl-absolute{position:absolute}.gl-relative{position:relative}.gl-sticky{position:sticky}.gl-top-0{top:0}.\!gl-z-9999{z-index:9999!important}.gl-z-9999{z-index:9999}.gl-float-right{float:right}.\!gl-m-0{margin:0!important}.gl-m-0{margin:0}.gl-m-7{margin:2rem}.gl-m-auto{margin:auto}.\!gl-mx-2{margin-left:.25rem!important;margin-right:.25rem!important}.-gl-mx-1{margin-left:-.125rem;margin-right:-.125rem}.-gl-mx-3{margin-left:-.5rem;margin-right:-.5rem}.-gl-mx-4{margin-left:-.75rem;margin-right:-.75rem}.-gl-my-1{margin-bottom:-.125rem;margin-top:-.125rem}.-gl-my-3{margin-bottom:-.5rem;margin-top:-.5rem}.gl-mx-2{margin-left:.25rem;margin-right:.25rem}.gl-mx-4{margin-left:.75rem;margin-right:.75rem}.gl-mx-auto{margin-left:auto;margin-right:auto}.gl-my-0{margin-bottom:0;margin-top:0}.gl-my-3{margin-bottom:.5rem;margin-top:.5rem}.gl-my-4{margin-bottom:.75rem;margin-top:.75rem}.\!gl-mb-2{margin-bottom:.25rem!important}.\!gl-mb-4{margin-bottom:.75rem!important}.\!gl-mt-2{margin-top:.25rem!important}.-gl-ml-2{margin-left:-.25rem}.-gl-mr-3{margin-right:-.5rem}.-gl-mt-2{margin-top:-.25rem}.gl-mb-0{margin-bottom:0}.gl-mb-2{margin-bottom:.25rem}.gl-mb-3{margin-bottom:.5rem}.gl-mb-4{margin-bottom:.75rem}.gl-mb-5{margin-bottom:1rem}.gl-mb-8{margin-bottom:2.5rem}.gl-ml-1{margin-left:.125rem}.gl-ml-2{margin-left:.25rem}.gl-ml-3{margin-left:.5rem}.gl-ml-5{margin-left:1rem}.gl-ml-6{margin-left:1.5rem}.gl-mr-1{margin-right:.125rem}.gl-mr-2{margin-right:.25rem}.gl-mr-3{margin-right:.5rem}.gl-mr-4{margin-right:.75rem}.gl-mr-auto{margin-right:auto}.gl-mt-0{margin-top:0}.gl-mt-2{margin-top:.25rem}.gl-mt-3{margin-top:.5rem}.gl-mt-4{margin-top:.75rem}.gl-mt-5{margin-top:1rem}.gl-mt-6{margin-top:1.5rem}.\!gl-block{display:block!important}.gl-block{display:block}.gl-inline-block{display:inline-block}.\!gl-flex{display:flex!important}.gl-flex{display:flex}.gl-inline-flex{display:inline-flex}.gl-table{display:table}.gl-grid{display:grid}.\!gl-hidden{display:none!important}.gl-hidden{display:none}.gl-h-0{height:0}.gl-h-11{height:4rem}.gl-h-4{height:.75rem}.gl-h-5{height:1rem}.gl-h-62{height:31rem}.gl-h-\[768px\]{height:768px}.gl-h-auto{height:auto}.gl-h-full{height:100%}.gl-min-h-8{min-height:2.5rem}.\!gl-w-31{width:15.5rem!important}.\!gl-w-auto{width:auto!important}.gl-w-1\/5{width:20%}.gl-w-10{width:3.5rem}.gl-w-12{width:5rem}.gl-w-20{width:10rem}.gl-w-3\/4{width:75%}.gl-w-30{width:15rem}.gl-w-4\/10{width:40%}.gl-w-5{width:1rem}.gl-w-auto{width:auto}.gl-w-full{width:100%}.gl-min-w-0{min-width:0}.\!gl-max-w-20{max-width:10rem!important}.\!gl-max-w-26{max-width:13rem!important}.\!gl-max-w-30{max-width:15rem!important}.gl-max-w-1\/2{max-width:50%}.gl-max-w-48{max-width:24rem}.gl-max-w-75{max-width:37.5rem}.gl-max-w-full{max-width:100%}.gl-max-w-sm{max-width:24rem}.gl-flex-1{flex:1 1 0%}.gl-flex-auto{flex:1 1 auto}.gl-flex-shrink-0,.gl-shrink-0{flex-shrink:0}.gl-grow{flex-grow:1}.gl-basis-0{flex-basis:0}.\!gl-cursor-grabbing{cursor:grabbing!important}.\!gl-cursor-not-allowed{cursor:not-allowed!important}.\!gl-cursor-text{cursor:text!important}.gl-cursor-default{cursor:default}.gl-cursor-grab{cursor:grab}.gl-cursor-pointer{cursor:pointer}.gl-cursor-text{cursor:text}.gl-select-none{-webkit-user-select:none;user-select:none}.gl-list-none{list-style-type:none}.gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-flex-row{flex-direction:row}.gl-flex-col{flex-direction:column}.gl-flex-wrap{flex-wrap:wrap}.gl-flex-nowrap{flex-wrap:nowrap}.gl-place-items-center{place-items:center}.gl-content-center{align-content:center}.gl-items-start{align-items:flex-start}.gl-items-end{align-items:flex-end}.gl-items-center{align-items:center}.gl-items-baseline{align-items:baseline}.\!gl-justify-start{justify-content:flex-start!important}.gl-justify-end{justify-content:flex-end}.gl-justify-center{justify-content:center}.gl-justify-between{justify-content:space-between}.gl-gap-2{gap:.25rem}.gl-gap-3{gap:.5rem}.gl-gap-5{gap:1rem}.gl-gap-6{gap:1.5rem}.gl-gap-x-3{column-gap:.5rem}.gl-self-start{align-self:flex-start}.gl-self-center{align-self:center}.gl-overflow-hidden{overflow:hidden}.\!gl-overflow-visible{overflow:visible!important}.gl-overflow-visible{overflow:visible}.gl-overflow-y-auto{overflow-y:auto}.gl-overflow-x-hidden{overflow-x:hidden}.gl-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!gl-text-ellipsis{text-overflow:ellipsis!important}.gl-text-ellipsis{text-overflow:ellipsis}.gl-whitespace-nowrap{white-space:nowrap}.gl-whitespace-pre-line{white-space:pre-line}.gl-break-words{overflow-wrap:break-word}.\!gl-rounded-base{border-radius:.25rem!important}.\!gl-rounded-none{border-radius:0!important}.gl-rounded-base{border-radius:.25rem}.gl-rounded-full{border-radius:50%}.gl-rounded-lg{border-radius:.5rem}.gl-rounded-t-base{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.gl-border{border-width:1px}.\!gl-border-b-0{border-bottom-width:0!important}.gl-border-b,.gl-border-b-1{border-bottom-width:1px}.gl-border-t,.gl-border-t-1{border-top-width:1px}.gl-border-t-2{border-top-width:2px}.gl-border-dashed{border-style:dashed}.gl-border-none{border-style:none}.gl-border-default{border-color:var(--gl-border-color-default,var(--gl-color-neutral-100,#dcdcde))}.gl-border-dropdown{border-color:var(--gl-dropdown-border-color,var(--gl-border-color-strong,#bfbfc3))}.gl-border-gray-500{border-color:var(--gray-500,#737278)}.gl-border-section{border-color:var(--gl-border-color-section,var(--gl-border-color-default,#dcdcde))}.gl-border-strong{border-color:var(--gl-border-color-strong,var(--gl-color-neutral-200,#bfbfc3))}.gl-border-subtle{border-color:var(--gl-border-color-subtle,var(--gl-color-neutral-50,#ececef))}.gl-border-b-dropdown-divider{border-bottom-color:var(--gl-dropdown-divider-color,var(--gl-border-color-default,#dcdcde))}.gl-border-b-section{border-bottom-color:var(--gl-border-color-section,var(--gl-border-color-default,#dcdcde))}.gl-border-t-blue-500{border-top-color:var(--blue-500,#1f75cb)}.gl-border-t-dropdown-divider{border-top-color:var(--gl-dropdown-divider-color,var(--gl-border-color-default,#dcdcde))}.gl-border-t-red-500{border-top-color:var(--red-500,#dd2b0e)}.\!gl-bg-data-viz-green-700{background-color:var(--data-viz-green-700,#366800)!important}.\!gl-bg-data-viz-magenta-950{background-color:var(--data-viz-magenta-950,#541d31)!important}.gl-bg-blue-100{background-color:var(--blue-100,#cbe2f9)}.gl-bg-default{background-color:var(--gl-background-color-default,var(--gl-color-neutral-0,#fff))}.gl-bg-disabled{background-color:var(--gl-background-color-disabled,var(--gl-color-neutral-10,#fbfafd))}.gl-bg-dropdown{background-color:var(--gl-dropdown-background-color,var(--gl-background-color-overlap,#fff))}.gl-bg-feedback-danger{background-color:var(--gl-feedback-danger-background-color,var(--gl-color-red-50,#fcf1ef))}.gl-bg-feedback-info{background-color:var(--gl-feedback-info-background-color,var(--gl-color-blue-50,#e9f3fc))}.gl-bg-feedback-neutral{background-color:var(--gl-feedback-neutral-background-color,var(--gl-color-neutral-50,#ececef))}.gl-bg-feedback-strong{background-color:var(--gl-feedback-strong-background-color,var(--gl-color-neutral-800,#3a383f))}.gl-bg-feedback-success{background-color:var(--gl-feedback-success-background-color,var(--gl-color-green-50,#ecf4ee))}.gl-bg-feedback-warning{background-color:var(--gl-feedback-warning-background-color,var(--gl-color-orange-50,#fdf1dd))}.gl-bg-gray-50{background-color:var(--gray-50,#ececef)}.gl-bg-gray-900{background-color:var(--gray-900,#28272d)}.gl-bg-gray-950{background-color:var(--gray-950,#18171d)}.gl-bg-green-100{background-color:var(--green-100,#c3e6cd)}.gl-bg-overlap{background-color:var(--gl-background-color-overlap,var(--gl-color-neutral-0,#fff))}.gl-bg-overlay{background-color:var(--gl-background-color-overlay,var(--gl-color-alpha-dark-24,rgba(5,5,6,.24)))}.gl-bg-purple-50{background-color:var(--purple-50,#f4f0ff)}.gl-bg-red-100{background-color:var(--red-100,#fdd4cd)}.gl-bg-section{background-color:var(--gl-background-color-section,var(--gl-color-neutral-0,#fff))}.gl-bg-status-brand{background-color:var(--gl-status-brand-background-color,var(--gl-color-purple-100,#e1d8f9))}.gl-bg-status-danger{background-color:var(--gl-status-danger-background-color,var(--gl-color-red-100,#fdd4cd))}.gl-bg-status-info{background-color:var(--gl-status-info-background-color,var(--gl-color-blue-100,#cbe2f9))}.gl-bg-status-neutral{background-color:var(--gl-status-neutral-background-color,var(--gl-color-neutral-100,#dcdcde))}.gl-bg-status-success{background-color:var(--gl-status-success-background-color,var(--gl-color-green-100,#c3e6cd))}.gl-bg-status-warning{background-color:var(--gl-status-warning-background-color,var(--gl-color-orange-100,#f5d9a8))}.gl-bg-strong{background-color:var(--gl-background-color-strong,var(--gl-color-neutral-50,#ececef))}.gl-bg-subtle{background-color:var(--gl-background-color-subtle,var(--gl-color-neutral-10,#fbfafd))}.gl-bg-transparent{background-color:transparent}.gl-bg-white{background-color:var(--white,#fff)}.gl-fill-current{fill:currentColor}.gl-fill-feedback-danger{fill:var(--gl-feedback-danger-icon-color,var(--gl-color-red-600,#c02f12))}.gl-fill-feedback-info{fill:var(--gl-feedback-info-icon-color,var(--gl-color-blue-600,#2f68b4))}.gl-fill-feedback-neutral{fill:var(--gl-feedback-neutral-icon-color,var(--gl-color-neutral-600,#626168))}.gl-fill-feedback-strong{fill:var(--gl-feedback-strong-icon-color,var(--gl-color-neutral-0,#fff))}.gl-fill-feedback-success{fill:var(--gl-feedback-success-icon-color,var(--gl-color-green-600,#2f7549))}.gl-fill-feedback-warning{fill:var(--gl-feedback-warning-icon-color,var(--gl-color-orange-600,#995715))}.gl-fill-icon-danger{fill:var(--gl-icon-color-danger,var(--gl-text-color-danger,#c02f12))}.gl-fill-icon-default{fill:var(--gl-icon-color-default,var(--gl-text-color-default,#3a383f))}.gl-fill-icon-disabled{fill:var(--gl-icon-color-disabled,var(--gl-text-color-disabled,#89888d))}.gl-fill-icon-info{fill:var(--gl-icon-color-info,var(--gl-color-blue-700,#2f5ca0))}.gl-fill-icon-link{fill:var(--gl-icon-color-link,var(--gl-text-color-link,#2f5ca0))}.gl-fill-icon-strong{fill:var(--gl-icon-color-strong,var(--gl-text-color-strong,#18171d))}.gl-fill-icon-subtle{fill:var(--gl-icon-color-subtle,var(--gl-text-color-subtle,#626168))}.gl-fill-icon-success{fill:var(--gl-icon-color-success,var(--gl-text-color-success,#2f7549))}.gl-fill-icon-warning{fill:var(--gl-icon-color-warning,var(--gl-text-color-warning,#995715))}.gl-fill-status-brand{fill:var(--gl-status-brand-icon-color,var(--gl-color-purple-500,#7b58cf))}.gl-fill-status-danger{fill:var(--gl-status-danger-icon-color,var(--gl-color-red-500,#dd2b0e))}.gl-fill-status-info{fill:var(--gl-status-info-icon-color,var(--gl-color-blue-500,#1f75cb))}.gl-fill-status-neutral{fill:var(--gl-status-neutral-icon-color,var(--gl-color-neutral-500,#737278))}.gl-fill-status-success{fill:var(--gl-status-success-icon-color,var(--gl-color-green-500,#108548))}.gl-fill-status-warning{fill:var(--gl-status-warning-icon-color,var(--gl-color-orange-500,#ab6100))}.\!gl-p-0{padding:0!important}.\!gl-p-2{padding:.25rem!important}.\!gl-p-4{padding:.75rem!important}.gl-p-0{padding:0}.gl-p-1{padding:.125rem}.gl-p-2{padding:.25rem}.gl-p-3{padding:.5rem}.gl-p-4{padding:.75rem}.gl-p-5{padding:1rem}.gl-p-7{padding:2rem}.gl-p-8{padding:2.5rem}.\!gl-px-2{padding-left:.25rem!important;padding-right:.25rem!important}.\!gl-px-3{padding-left:.5rem!important;padding-right:.5rem!important}.\!gl-py-2{padding-bottom:.25rem!important;padding-top:.25rem!important}.gl-px-1{padding-left:.125rem;padding-right:.125rem}.gl-px-2{padding-left:.25rem;padding-right:.25rem}.gl-px-3{padding-left:.5rem;padding-right:.5rem}.gl-px-4{padding-left:.75rem;padding-right:.75rem}.gl-px-5{padding-left:1rem;padding-right:1rem}.gl-py-2{padding-bottom:.25rem;padding-top:.25rem}.gl-py-3{padding-bottom:.5rem;padding-top:.5rem}.gl-py-4{padding-bottom:.75rem;padding-top:.75rem}.gl-py-5{padding-bottom:1rem;padding-top:1rem}.gl-py-6{padding-bottom:1.5rem;padding-top:1.5rem}.\!gl-pr-7{padding-right:2rem!important}.\!gl-pr-9{padding-right:3rem!important}.\!gl-pt-0{padding-top:0!important}.gl-pb-10{padding-bottom:3.5rem}.gl-pb-2{padding-bottom:.25rem}.gl-pb-3{padding-bottom:.5rem}.gl-pl-0{padding-left:0}.gl-pl-2{padding-left:.25rem}.gl-pl-4{padding-left:.75rem}.gl-pl-5{padding-left:1rem}.gl-pl-6{padding-left:1.5rem}.gl-pl-7{padding-left:2rem}.gl-pr-2{padding-right:.25rem}.gl-pr-5{padding-right:1rem}.gl-pr-6{padding-right:1.5rem}.gl-pr-8{padding-right:2.5rem}.gl-pt-1{padding-top:.125rem}.gl-pt-2{padding-top:.25rem}.gl-pt-3{padding-top:.5rem}.gl-pt-4{padding-top:.75rem}.\!gl-text-left{text-align:left!important}.gl-text-center{text-align:center}.gl-text-right{text-align:right}.gl-align-middle{vertical-align:middle}.\!gl-align-text-bottom{vertical-align:text-bottom!important}.gl-font-regular{font-family:var(--default-regular-font,"GitLab Sans"),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans",Ubuntu,Cantarell,"Helvetica Neue",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.\!gl-text-sm{font-size:.75rem!important}.gl-text-base{font-size:.875rem}.gl-text-size-h-display{font-size:1.75rem}.gl-text-sm{font-size:.75rem}.gl-text-xs{font-size:.625rem}.gl-font-bold{font-weight:600}.gl-font-normal{font-weight:400}.gl-capitalize{text-transform:capitalize}.gl-leading-1{line-height:1}.gl-leading-36{line-height:2.25rem}.gl-leading-normal{line-height:1rem}.\!gl-text-red-500{color:var(--red-500,#dd2b0e)!important}.\!gl-text-subtle{color:var(--gl-text-color-subtle,var(--gl-color-neutral-600,#626168))!important}.\!gl-text-white{color:var(--white,#fff)!important}.gl-text-blue-100{color:var(--blue-100,#cbe2f9)}.gl-text-blue-500{color:var(--blue-500,#1f75cb)}.gl-text-danger{color:var(--gl-text-color-danger,var(--gl-color-red-600,#c02f12))}.gl-text-default{color:var(--gl-text-color-default,var(--gl-color-neutral-800,#3a383f))}.gl-text-feedback-danger{color:var(--gl-feedback-danger-text-color,var(--gl-color-red-700,#a32c12))}.gl-text-feedback-info{color:var(--gl-feedback-info-text-color,var(--gl-color-blue-700,#2f5ca0))}.gl-text-feedback-neutral{color:var(--gl-feedback-neutral-text-color,var(--gl-color-neutral-700,#4c4b51))}.gl-text-feedback-strong{color:var(--gl-feedback-strong-text-color,var(--gl-color-neutral-0,#fff))}.gl-text-feedback-success{color:var(--gl-feedback-success-text-color,var(--gl-color-green-700,#306440))}.gl-text-feedback-warning{color:var(--gl-feedback-warning-text-color,var(--gl-color-orange-700,#894b16))}.gl-text-gray-500{color:var(--gray-500,#737278)}.gl-text-gray-700{color:var(--gray-700,#4c4b51)}.gl-text-gray-900{color:var(--gray-900,#28272d)}.gl-text-green-500{color:var(--green-500,#108548)}.gl-text-green-600{color:var(--green-600,#2f7549)}.gl-text-inherit{color:inherit}.gl-text-neutral-0{color:var(--gl-color-neutral-0,#fff)}.gl-text-neutral-950{color:var(--gl-color-neutral-950,#18171d)}.gl-text-orange-500{color:var(--orange-500,#ab6100)}.gl-text-red-300{color:var(--red-300,#f57f6c)}.gl-text-red-500{color:var(--red-500,#dd2b0e)}.gl-text-secondary{color:var(--gl-text-secondary,#737278)}.gl-text-status-brand{color:var(--gl-status-brand-text-color,var(--gl-color-purple-700,#5c47a6))}.gl-text-status-danger{color:var(--gl-status-danger-text-color,var(--gl-color-red-700,#a32c12))}.gl-text-status-info{color:var(--gl-status-info-text-color,var(--gl-color-blue-700,#2f5ca0))}.gl-text-status-neutral{color:var(--gl-status-neutral-text-color,var(--gl-color-neutral-700,#4c4b51))}.gl-text-status-success{color:var(--gl-status-success-text-color,var(--gl-color-green-700,#306440))}.gl-text-status-warning{color:var(--gl-status-warning-text-color,var(--gl-color-orange-700,#894b16))}.gl-text-strong{color:var(--gl-text-color-strong,var(--gl-color-neutral-950,#18171d))}.gl-text-subtle{color:var(--gl-text-color-subtle,var(--gl-color-neutral-600,#626168))}.gl-text-tertiary{color:var(--gl-text-tertiary,#89888d)}.gl-text-white{color:var(--white,#fff)}.\!gl-opacity-0{opacity:0!important}.gl-opacity-10{opacity:1}.gl-shadow-inner-1-red-300{--tw-shadow:inset 0 0 0 1px var(--red-300,#f57f6c);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.gl-shadow-inner-1-red-300,.gl-shadow-inner-1-red-500{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-shadow-inner-1-red-500{--tw-shadow:inset 0 0 0 1px var(--red-500,#dd2b0e);--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)}.gl-shadow-lg{--tw-shadow:0 0 2px var(--gl-shadow-color-default,#05050629),0 0 2px var(--gl-shadow-color-default,#05050629),0 4px 12px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 2px var(--tw-shadow-color),0 0 2px var(--tw-shadow-color),0 4px 12px var(--tw-shadow-color)}.gl-shadow-lg,.gl-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-shadow-md{--tw-shadow:0 0 1px var(--gl-shadow-color-default,#05050629),0 0 2px var(--gl-shadow-color-default,#05050629),0 2px 8px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 1px var(--tw-shadow-color),0 0 2px var(--tw-shadow-color),0 2px 8px var(--tw-shadow-color)}.gl-shadow-sm{--tw-shadow:0 0 2px var(--gl-shadow-color-default,#05050629),0 1px 4px var(--gl-shadow-color-default,#05050629);--tw-shadow-colored:0 0 2px var(--tw-shadow-color),0 1px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.gl-outline-none{outline:2px solid transparent;outline-offset:2px}.gl-transition-all{transition-duration:.2s;transition-property:all;transition-timing-function:ease}.gl-font-monospace{font-family:var(--default-mono-font,"GitLab Mono"),"JetBrains Mono","Menlo","DejaVu Sans Mono","Liberation Mono","Consolas","Ubuntu Mono","Courier New","andale mono","lucida console",monospace;font-variant-ligatures:none}.gl-border-b-solid{border-bottom-style:solid}.gl-border-t-solid{border-top-style:solid}.hover\:\!gl-cursor-not-allowed:hover{cursor:not-allowed!important}.hover\:gl-cursor-pointer:hover{cursor:pointer}.focus\:\!gl-focus-inset:focus{box-shadow:inset 0 0 0 2px var(--gl-focus-ring-outer-color),inset 0 0 0 3px var(--gl-focus-ring-inner-color),inset 0 0 0 1px var(--gl-focus-ring-inner-color)!important;outline:none!important}@media (min-width:576px){.sm\:gl-block{display:block}.sm\:\!gl-hidden{display:none!important}.sm\:gl-flex-nowrap{flex-wrap:nowrap}.sm\:gl-gap-3{gap:.5rem}}@media (min-width:768px){.md\:gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}
|
|
2
2
|
/*# sourceMappingURL=tailwind.css.map */
|
package/dist/tailwind.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["tailwind.css"],"names":[],"mappings":"AAAA,iBAAA,uBAAc,CAAd,uBAAc,CAAd,kBAAc,CAAd,kBAAc,CAAd,aAAc,CAAd,aAAc,CAAd,aAAc,CAAd,cAAc,CAAd,cAAc,CAAd,YAAc,CAAd,YAAc,CAAd,iBAAc,CAAd,qCAAc,CAAd,6BAAc,CAAd,4BAAc,CAAd,2BAAc,CAAd,cAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,iCAAc,CAAd,0BAAc,CAAd,qBAAc,CAAd,6BAAc,CAAd,WAAc,CAAd,iBAAc,CAAd,eAAc,CAAd,gBAAc,CAAd,iBAAc,CAAd,aAAc,CAAd,eAAc,CAAd,YAAc,CAAd,kBAAc,CAAd,oBAAc,CAAd,0BAAc,CAAd,wBAAc,CAAd,yBAAc,CAAd,0BAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,wBAAc,CAAd,qBAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,oBAAc,CAAd,oBAAc,CAAd,WAAA,uBAAc,CAAd,uBAAc,CAAd,kBAAc,CAAd,kBAAc,CAAd,aAAc,CAAd,aAAc,CAAd,aAAc,CAAd,cAAc,CAAd,cAAc,CAAd,YAAc,CAAd,YAAc,CAAd,iBAAc,CAAd,qCAAc,CAAd,6BAAc,CAAd,4BAAc,CAAd,2BAAc,CAAd,cAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,iCAAc,CAAd,0BAAc,CAAd,qBAAc,CAAd,6BAAc,CAAd,WAAc,CAAd,iBAAc,CAAd,eAAc,CAAd,gBAAc,CAAd,iBAAc,CAAd,aAAc,CAAd,eAAc,CAAd,YAAc,CAAd,kBAAc,CAAd,oBAAc,CAAd,0BAAc,CAAd,wBAAc,CAAd,yBAAc,CAAd,0BAAc,CAAd,sBAAc,CAAd,uBAAc,CAAd,wBAAc,CAAd,qBAAc,CAAd,mBAAc,CAAd,qBAAc,CAAd,oBAAc,CAAd,oBAAc,CACd,4BAAA,2DAAoB,CAApB,8NAAoB,CAApB,4BAAoB,CAApB,2BAAoB,CAApB,0BAAoB,CAApB,eAAoB,CAApB,eAAoB,CAApB,8CAAA,4BAAA,kDAAoB,CAApB,uBAAoB,CAApB,2BAAoB,CAAA,CAApB,wCAAA,GAAA,4BAAoB,CAApB,GAAA,2BAAoB,CAAA,CAApB,WAAA,2CAAA,CAAA,kBAAoB,CAApB,aAAA,+CAAA,CAAA,sBAAoB,CAApB,aAAA,kDAAA,CAAA,yBAAoB,CAApB,cAAA,cAAoB,CAApB,
|
|
1
|
+
{"version":3,"sources":["tailwind.css"],"names":[],"mappings":"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","file":"tailwind.css","sourcesContent":["@tailwind base;\n@tailwind components;\n@tailwind utilities;\n"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "115.9.
|
|
3
|
+
"version": "115.9.1",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -102,8 +102,8 @@
|
|
|
102
102
|
"@babel/preset-react": "^7.27.1",
|
|
103
103
|
"@cypress/grep": "^4.1.0",
|
|
104
104
|
"@gitlab/fonts": "^1.3.0",
|
|
105
|
-
"@gitlab/svgs": "3.
|
|
106
|
-
"@jest/test-sequencer": "30.0.
|
|
105
|
+
"@gitlab/svgs": "3.143.0",
|
|
106
|
+
"@jest/test-sequencer": "30.0.5",
|
|
107
107
|
"@rollup/plugin-commonjs": "^28.0.6",
|
|
108
108
|
"@rollup/plugin-node-resolve": "^16.0.1",
|
|
109
109
|
"@rollup/plugin-replace": "^6.0.2",
|
|
@@ -121,9 +121,9 @@
|
|
|
121
121
|
"@storybook/vue3": "^7.6.20",
|
|
122
122
|
"@storybook/vue3-webpack5": "^7.6.20",
|
|
123
123
|
"@types/jest-image-snapshot": "^6.4.0",
|
|
124
|
-
"@vue/compat": "^3.5.
|
|
125
|
-
"@vue/compiler-sfc": "^3.5.
|
|
126
|
-
"@vue/server-renderer": "^3.5.
|
|
124
|
+
"@vue/compat": "^3.5.18",
|
|
125
|
+
"@vue/compiler-sfc": "^3.5.18",
|
|
126
|
+
"@vue/server-renderer": "^3.5.18",
|
|
127
127
|
"@vue/test-utils": "1.3.6",
|
|
128
128
|
"@vue/test-utils-vue3": "npm:@vue/test-utils@^2.4.6",
|
|
129
129
|
"@vue/vue2-jest": "29.2.6",
|
|
@@ -138,15 +138,15 @@
|
|
|
138
138
|
"cypress-real-events": "^1.14.0",
|
|
139
139
|
"dompurify": "^3.1.2",
|
|
140
140
|
"emoji-regex": "^10.4.0",
|
|
141
|
-
"esbuild": "^0.25.
|
|
141
|
+
"esbuild": "^0.25.8",
|
|
142
142
|
"fuse.js": "^7.1.0",
|
|
143
143
|
"gitlab-api-async-iterator": "^1.3.1",
|
|
144
144
|
"glob": "11.0.3",
|
|
145
145
|
"globby": "^14.1.0",
|
|
146
146
|
"identity-obj-proxy": "^3.0.0",
|
|
147
|
-
"jest": "30.0.
|
|
148
|
-
"jest-circus": "30.0.
|
|
149
|
-
"jest-environment-jsdom": "30.0.
|
|
147
|
+
"jest": "30.0.5",
|
|
148
|
+
"jest-circus": "30.0.5",
|
|
149
|
+
"jest-environment-jsdom": "30.0.5",
|
|
150
150
|
"jest-image-snapshot": "^6.5.1",
|
|
151
151
|
"merge-cobertura": "^1.0.4",
|
|
152
152
|
"mockdate": "^3.0.5",
|
|
@@ -1,91 +1,67 @@
|
|
|
1
|
-
<h1>
|
|
1
|
+
<h1>Heading 1</h1>
|
|
2
|
+
<h2>Heading 2</h2>
|
|
3
|
+
<h3>Heading 3</h3>
|
|
4
|
+
<h4>Heading 4</h4>
|
|
5
|
+
<h5>Heading 5</h5>
|
|
6
|
+
<h6>Heading 6</h6>
|
|
2
7
|
<p>
|
|
3
|
-
|
|
4
|
-
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
5
|
-
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
8
|
+
Paragraph — the quick orange tanuki jumps over the lazy dog. Includes <code>Code span</code>, <span class="idiff addition">addition</span>, and <span class="idiff deletion">deletion</span>.
|
|
6
9
|
</p>
|
|
7
10
|
<p class="sm">
|
|
8
|
-
|
|
9
|
-
Markdown in a few significant ways to add some useful functionality. You can use GFM in the
|
|
10
|
-
following areas: comments, issues, merge requests, milestones, snippets and more.
|
|
11
|
+
Small paragraph — the quick orange tanuki jumps over the lazy dog. Includes <code>Code span</code>, <span class="idiff addition">addition</span>, and <span class="idiff deletion">deletion</span>.
|
|
11
12
|
</p>
|
|
12
13
|
<p class="monospace">UI Monospace</p>
|
|
13
14
|
<p class="monospace sm">UI Small Monospace</p>
|
|
14
|
-
|
|
15
|
-
<
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
</
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
</
|
|
26
|
-
<h4>MD Doc h4 • GitLab uses "GitLab Flavored Markdown" (GFM)</h4>
|
|
27
|
-
<p>
|
|
28
|
-
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
29
|
-
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
30
|
-
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
31
|
-
</p>
|
|
32
|
-
<h5>MD Doc h5 • GitLab uses "GitLab Flavored Markdown" (GFM)</h5>
|
|
33
|
-
<p>
|
|
34
|
-
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
35
|
-
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
36
|
-
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
37
|
-
</p>
|
|
38
|
-
<h6>MD Doc h6 • GitLab uses "GitLab Flavored Markdown" (GFM)</h6>
|
|
39
|
-
<p>
|
|
40
|
-
MD Doc Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown
|
|
41
|
-
in a few significant ways to add some useful functionality. You can use GFM in the following
|
|
42
|
-
areas: comments, issues, merge requests, milestones, snippets and more.
|
|
43
|
-
</p>
|
|
15
|
+
|
|
16
|
+
<br>
|
|
17
|
+
|
|
18
|
+
<ul>
|
|
19
|
+
<li>Unordered list item</li>
|
|
20
|
+
<li>Unordered list item</li>
|
|
21
|
+
</ul>
|
|
22
|
+
|
|
23
|
+
<ol>
|
|
24
|
+
<li>Ordered list item</li>
|
|
25
|
+
<li>Ordered list item</li>
|
|
26
|
+
</ol>
|
|
44
27
|
|
|
45
28
|
<table>
|
|
46
29
|
<thead>
|
|
47
30
|
<tr>
|
|
48
|
-
<th>
|
|
49
|
-
<th>
|
|
50
|
-
<th>
|
|
31
|
+
<th>header</th>
|
|
32
|
+
<th>header</th>
|
|
33
|
+
<th>header</th>
|
|
51
34
|
</tr>
|
|
52
35
|
</thead>
|
|
53
36
|
<tbody>
|
|
54
37
|
<tr>
|
|
55
|
-
<td>
|
|
56
|
-
<td>
|
|
57
|
-
<td>
|
|
58
|
-
This is the only one that doesn't include the breakdown in the Level 1 subtext. Does it need
|
|
59
|
-
to be updated?
|
|
60
|
-
</td>
|
|
38
|
+
<td>cell</td>
|
|
39
|
+
<td>cell</td>
|
|
40
|
+
<td>cell</td>
|
|
61
41
|
</tr>
|
|
62
42
|
<tr>
|
|
63
|
-
<td>
|
|
64
|
-
<td>
|
|
65
|
-
<td>
|
|
43
|
+
<td>cell</td>
|
|
44
|
+
<td>cell</td>
|
|
45
|
+
<td>cell</td>
|
|
66
46
|
</tr>
|
|
67
47
|
<tr>
|
|
68
|
-
<td>
|
|
69
|
-
<td>
|
|
70
|
-
<td
|
|
48
|
+
<td>cell</td>
|
|
49
|
+
<td>cell</td>
|
|
50
|
+
<td>cell</td>
|
|
71
51
|
</tr>
|
|
72
52
|
</tbody>
|
|
73
53
|
</table>
|
|
74
54
|
|
|
75
55
|
<blockquote>
|
|
76
56
|
<p>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
</p>
|
|
81
|
-
</blockquote>
|
|
82
|
-
<blockquote>
|
|
57
|
+
Blockquote
|
|
58
|
+
</p><br>
|
|
59
|
+
|
|
83
60
|
<ul>
|
|
84
|
-
<li>
|
|
85
|
-
<li>
|
|
61
|
+
<li>List item</li>
|
|
62
|
+
<li>List item</li>
|
|
86
63
|
</ul>
|
|
87
|
-
|
|
88
|
-
<blockquote>
|
|
64
|
+
|
|
89
65
|
<table>
|
|
90
66
|
<thead>
|
|
91
67
|
<tr>
|
|
@@ -98,20 +74,14 @@
|
|
|
98
74
|
</tr>
|
|
99
75
|
</tbody>
|
|
100
76
|
</table>
|
|
101
|
-
|
|
102
|
-
<blockquote>
|
|
77
|
+
|
|
103
78
|
<blockquote>
|
|
104
79
|
<p>Nested blockquote</p>
|
|
105
80
|
</blockquote>
|
|
106
81
|
</blockquote>
|
|
107
|
-
<p>
|
|
108
|
-
This is a paragraph with two types inline diff <span class="idiff addition">addition</span> and
|
|
109
|
-
<span class="idiff deletion">deletion</span>
|
|
110
|
-
</p>
|
|
111
|
-
<p>This block implements the "GitLab Flavored Markdown" <code>Code span</code> styles.</p>
|
|
112
82
|
|
|
113
83
|
<p>
|
|
114
|
-
|
|
84
|
+
Audio file
|
|
115
85
|
<span class="media-container audio-container">
|
|
116
86
|
<audio
|
|
117
87
|
src="file.mp3"
|
|
@@ -147,7 +117,7 @@
|
|
|
147
117
|
}
|
|
148
118
|
}
|
|
149
119
|
</code></pre>
|
|
150
|
-
<p>
|
|
120
|
+
<p>Horizontally scrolling code block</p>
|
|
151
121
|
<pre
|
|
152
122
|
class="code"
|
|
153
123
|
><code>MD Doc Small Paragraph • GitLab uses "GitLab Flavored Markdown" (GFM). It extends the standard Markdown in a few
|
package/src/scss/variables.scss
CHANGED
|
@@ -317,7 +317,7 @@ $spacers: (
|
|
|
317
317
|
9: $gl-spacing-scale-11,
|
|
318
318
|
);
|
|
319
319
|
|
|
320
|
-
$table-accent-bg:
|
|
320
|
+
$table-accent-bg: var(--gl-background-color-subtle);
|
|
321
321
|
$card-border-color: $gl-border-color-default;
|
|
322
322
|
$card-cap-bg: $gl-background-color-subtle !default;
|
|
323
323
|
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
Alerts allow the application to pass along relevant system information to the
|
|
2
|
-
user without impeding their journey. Alerts are system generated and may or may
|
|
3
|
-
not be derived by a user’s action.
|
|
4
|
-
|
|
5
|
-
## Dismissible alerts
|
|
6
|
-
|
|
7
|
-
Alerts don't handle their own visibility, so it's the parent component's
|
|
8
|
-
responsbility to listen for the `dismiss` event and hide the alert in some way.
|
|
9
|
-
For example:
|
|
10
|
-
|
|
11
|
-
```html
|
|
12
|
-
<script>
|
|
13
|
-
...
|
|
14
|
-
computed: {
|
|
15
|
-
shouldShowAlert() {
|
|
16
|
-
return !this.isAlertDismissed && this.someOtherCondition();
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
...
|
|
20
|
-
</script>
|
|
21
|
-
|
|
22
|
-
<template>
|
|
23
|
-
...
|
|
24
|
-
<gl-alert v-if="shouldShowAlert" @dismiss="isAlertDismissed = true">
|
|
25
|
-
An important message
|
|
26
|
-
</gl-alert>
|
|
27
|
-
...
|
|
28
|
-
</template>
|
|
29
|
-
```
|
|
30
|
-
|
|
31
|
-
## Sticky alerts
|
|
32
|
-
|
|
33
|
-
Any alert can use `position: sticky`, however it should be limited to critical alerts where keeping
|
|
34
|
-
the alert visually in context is necessary or when alerts are injected into a page and might
|
|
35
|
-
otherwise go unnoticed.
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Avatars are used to represent a unique entity, be it a person, a group, or a project.
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
## Usage
|
|
2
|
-
|
|
3
|
-
Avatars may also be adjacent to a text alternative, such as a user or project name. In these cases,
|
|
4
|
-
a null `alt` text should be used so that they can be ignored by assistive technologies.
|
|
5
|
-
|
|
6
|
-
Use the `avatar-labeled` component in those scenarios. It will set a null `alt` text by default.
|
|
7
|
-
It allows to display a `label` and/or a `sub-label` next to the avatar image. It accepts the same
|
|
8
|
-
properties as the avatar component to modify the avatar’s shape and size.
|
|
9
|
-
|
|
10
|
-
## Using the component
|
|
11
|
-
|
|
12
|
-
```js
|
|
13
|
-
<gl-avatar-labeled
|
|
14
|
-
:shape="shape"
|
|
15
|
-
:size="size"
|
|
16
|
-
:src="src"
|
|
17
|
-
:label="label"
|
|
18
|
-
:sub-label="subLabel"
|
|
19
|
-
/>
|
|
20
|
-
```
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
`<gl-avatar-link>` decorates `<gl-avatar>` with hyperlink functionality. It accepts the same
|
|
2
|
-
properties as the `<gl-link>` component and it works in the same way too. The main purpose of this
|
|
3
|
-
component is to apply visual enhancements that makes evident that the user can interact with the
|
|
4
|
-
avatar.
|
|
5
|
-
|
|
6
|
-
## Using the component
|
|
7
|
-
|
|
8
|
-
When wrapping an `<gl-avatar>` component, `<gl-avatar-link>` darkens
|
|
9
|
-
the border that surrounds the avatar image or fallback text when hovering over it.
|
|
10
|
-
|
|
11
|
-
```vue
|
|
12
|
-
<gl-avatar-link target="blank" href="https://gitlab.com/gitlab-org/gitlab">
|
|
13
|
-
<gl-avatar
|
|
14
|
-
:size="32"
|
|
15
|
-
:src="avatarUrl"
|
|
16
|
-
/>
|
|
17
|
-
</gl-avatar-link>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
When wrapping an `<avatar-labeled>` component, `<avatar-link>` underlines
|
|
21
|
-
the label and sub-label text when hovering over the avatar. It also applies the
|
|
22
|
-
same effects described in the first example.
|
|
23
|
-
|
|
24
|
-
```vue
|
|
25
|
-
<gl-avatar-link target="blank" href="https://gitlab.com/gitlab-org/gitlab">
|
|
26
|
-
<gl-avatar-labeled
|
|
27
|
-
:size="32"
|
|
28
|
-
entity-name="GitLab"
|
|
29
|
-
label="GitLab User"
|
|
30
|
-
sub-label="@gitlab"
|
|
31
|
-
/>
|
|
32
|
-
</gl-avatar-link>
|
|
33
|
-
```
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
Use `<avatars-inline />` to display multiple avatars organized in a single row.
|
|
2
|
-
|
|
3
|
-
### Basic usage
|
|
4
|
-
|
|
5
|
-
The `avatars` property accepts an array of objects that contains the avatar properties. By default,
|
|
6
|
-
`<avatars-inline />` expects each object contained in the array to have the same shape as the
|
|
7
|
-
properties of the `<avatar />` component. You can customize the display of each avatar by
|
|
8
|
-
overriding the default slot:
|
|
9
|
-
|
|
10
|
-
```html
|
|
11
|
-
<gl-avatars-inline :avatars="avatars">
|
|
12
|
-
<template #avatar="{ avatar }">
|
|
13
|
-
<gl-avatar-link v-gl-tooltip target="blank" :href="avatar.href" :title="avatar.tooltip">
|
|
14
|
-
<gl-avatar :src="avatar.src" :size="32" />
|
|
15
|
-
</gl-avatar-link>
|
|
16
|
-
</template>
|
|
17
|
-
</gl-avatars-inline>
|
|
18
|
-
```
|
|
19
|
-
|
|
20
|
-
In the example above, the avatars displayed inside `<avatars-inline />` are links pointing to a URL
|
|
21
|
-
stored in each avatar object. Each avatar also displays a tooltip. If you override
|
|
22
|
-
`<inline-avatars />` default display, you can pass an array of objects with any desired shape to
|
|
23
|
-
the `avatars` property.
|
|
24
|
-
|
|
25
|
-
### Collapsing
|
|
26
|
-
|
|
27
|
-
When the `collapse` property value is `true` and the `maxVisible` property value is a number less
|
|
28
|
-
than the length of the `avatars` property array, `<avatars-inline>` will hide the overflown avatars
|
|
29
|
-
and display a badge instead.
|
|
30
|
-
|
|
31
|
-
### Badge description in screen readers
|
|
32
|
-
|
|
33
|
-
The `badgeSrOnlyText` property provides a meaningful description of the badge that appears
|
|
34
|
-
when avatars are collapsed for screen reader users.
|
|
35
|
-
|
|
36
|
-
### Supported sizes
|
|
37
|
-
|
|
38
|
-
`<avatars-inline>` supports avatars with `16`, `24`, or `32` size.
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
Badges highlight metadata of objects, the kind of information that always needs
|
|
2
|
-
some context and isn’t useful on its own. For example, they can be used to
|
|
3
|
-
indicate an issue’s status, a member’s role, or if a branch is protected.
|
|
4
|
-
|
|
5
|
-
## Usage
|
|
6
|
-
|
|
7
|
-
```html
|
|
8
|
-
<gl-badge>Hello, world!</gl-badge>
|
|
9
|
-
```
|
|
10
|
-
|
|
11
|
-
> Note: Native support for icons in badges will be added in a future version.
|
|
12
|
-
|
|
13
|
-
### Using icon-only badges
|
|
14
|
-
|
|
15
|
-
When a badge only has an icon and no slot content, be sure to set the `aria-label` attribute of the
|
|
16
|
-
badge for best accessibility.
|
|
17
|
-
|
|
18
|
-
```html
|
|
19
|
-
<!-- bad -->
|
|
20
|
-
<gl-badge icon="eye" />
|
|
21
|
-
|
|
22
|
-
<!-- good -->
|
|
23
|
-
<gl-badge icon="eye" aria-label="Mark as confidential" />
|
|
24
|
-
```
|
|
25
|
-
|
|
26
|
-
## Link badges
|
|
27
|
-
|
|
28
|
-
Badges can be made actionable and turn into links by providing the `href` prop,
|
|
29
|
-
which can be used in combination with the props `rel`, `target`, `active`, and `disabled`.
|
|
30
|
-
The prop `tag` will be ignored and the `BLink` component will be used instead.
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
## Dismiss
|
|
2
|
-
|
|
3
|
-
Users are able to permanently dismiss banners by default.
|
|
4
|
-
Banners may also be dismissed temporarily, depending on the use case.
|
|
5
|
-
|
|
6
|
-
### Permanent dismissal
|
|
7
|
-
|
|
8
|
-
The dismiss action is always represented by the `Close` icon and anchored
|
|
9
|
-
to the top right of the banner.
|
|
10
|
-
|
|
11
|
-
Banner dismissal should work as follows:
|
|
12
|
-
|
|
13
|
-
* Banner dismissal must be associated with the user in the system database.
|
|
14
|
-
Dismissal must persist, even across version upgrades and clients.
|
|
15
|
-
* Banners do not reappear by default. In rare circumstances, you may present the
|
|
16
|
-
banner again to a user after some time has passed.
|
|
17
|
-
* Banners should only be shown to users who are logged in.
|
|
18
|
-
|
|
19
|
-
**Implementation Notes:**
|
|
20
|
-
|
|
21
|
-
* The dismissal of the banner is achieved using the `UserCallout` model on the backend and the
|
|
22
|
-
`PersistentUserCallout` JS file on the frontend. If both parameters are implemented correctly, the
|
|
23
|
-
banner will adhere to the dismissal guidelines above.
|
|
24
|
-
|
|
25
|
-
### Temporary dismissal
|
|
26
|
-
|
|
27
|
-
To introduce temporary dismissal, include a secondary or tertiary button placed alongside
|
|
28
|
-
the primary action button. Follow the [button](https://design.gitlab.com/components/button#alignment)
|
|
29
|
-
alignment and order guidelines.
|
|
30
|
-
|
|
31
|
-
Temporary dismissals should work as follows:
|
|
32
|
-
|
|
33
|
-
* Banners dismissed temporarily will reappear after **7 days**.
|
|
34
|
-
* After a banner is dismissed temporarily, use a [toast](?path=/story/base-toast--default) message
|
|
35
|
-
to let the user know they will see the banner again in 7 days.
|