@gitlab/ui 105.7.0 → 106.1.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 +20 -0
- package/dist/components/base/button_group/button_group.js +10 -4
- package/dist/components/dashboards/dashboard_panel/dashboard_panel.js +7 -10
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tokens/build/js/tokens.dark.js +1 -1
- package/dist/tokens/build/js/tokens.js +1 -1
- package/dist/tokens/css/tokens.css +1 -1
- package/dist/tokens/css/tokens.dark.css +1 -1
- package/dist/tokens/js/tokens.dark.js +1 -1
- package/dist/tokens/js/tokens.js +1 -1
- package/dist/tokens/json/tokens.dark.json +3 -3
- package/dist/tokens/json/tokens.json +3 -3
- package/dist/tokens/scss/_tokens.dark.scss +1 -1
- package/dist/tokens/scss/_tokens.scss +1 -1
- package/dist/tokens/tailwind/tokens.cjs +1 -1
- package/dist/vendor/bootstrap-vue/src/constants/components.js +1 -2
- package/dist/vendor/bootstrap-vue/src/vue.js +17 -0
- package/package.json +8 -6
- package/src/components/base/button_group/button_group.md +19 -3
- package/src/components/base/button_group/button_group.vue +11 -6
- package/src/components/base/new_dropdowns/disclosure/disclosure_dropdown.md +15 -0
- package/src/components/base/new_dropdowns/listbox/listbox.md +15 -0
- package/src/components/dashboards/dashboard_panel/dashboard_panel.vue +5 -5
- package/src/tokens/build/css/tokens.css +1 -1
- package/src/tokens/build/css/tokens.dark.css +1 -1
- package/src/tokens/build/js/tokens.dark.js +1 -1
- package/src/tokens/build/js/tokens.js +1 -1
- package/src/tokens/build/json/tokens.dark.json +3 -3
- package/src/tokens/build/json/tokens.json +3 -3
- package/src/tokens/build/scss/_tokens.dark.scss +1 -1
- package/src/tokens/build/scss/_tokens.scss +1 -1
- package/src/tokens/build/tailwind/tokens.cjs +1 -1
- package/src/tokens/icon.tokens.json +2 -2
- package/src/vendor/bootstrap-vue/src/constants/components.js +0 -1
- package/src/vendor/bootstrap-vue/src/vue.js +18 -0
- package/dist/vendor/bootstrap-vue/src/components/button-group/button-group.js +0 -44
- package/dist/vendor/bootstrap-vue/src/components/button-group/index.js +0 -1
- package/src/vendor/bootstrap-vue/src/components/button-group/README.md +0 -107
- package/src/vendor/bootstrap-vue/src/components/button-group/button-group.js +0 -42
- package/src/vendor/bootstrap-vue/src/components/button-group/button-group.spec.js +0 -98
- package/src/vendor/bootstrap-vue/src/components/button-group/index.js +0 -3
- package/src/vendor/bootstrap-vue/src/components/button-group/package.json +0 -29
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: }::-webkit-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: }::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-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-none{pointer-events:none}.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-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-5{margin-bottom:1rem;margin-top:1rem}.\!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-min-h-8{min-height:2.5rem}.\!gl-w-31{width:15.5rem!important}.\!gl-w-auto{width:auto!important}.gl-w-10{width:3.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-full{width:100%}.\!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-75{max-width:37.5rem}.gl-max-w-full{max-width:100%}.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-not-allowed{cursor:not-allowed!important}.\!gl-cursor-text{cursor:text!important}.gl-cursor-default{cursor:default}.gl-cursor-pointer{cursor:pointer}.gl-cursor-text{cursor:text}.gl-list-none{list-style-type:none}.gl-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-flex-row{flex-direction:row}.gl-flex-row-reverse{flex-direction:row-reverse}.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-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-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(0px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(0px*var(--tw-divide-x-reverse))}.gl-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.gl-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.gl-divide-default>:not([hidden])~:not([hidden]){border-color:var(--gl-border-color-default,var(--gl-color-neutral-100,#dcdcde))}.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,.gl-border-1{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-solid{border-style:solid}.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-color-neutral-200,#bfbfc3))}.gl-border-gray-200{border-color:var(--gray-200,#bfbfc3)}.gl-border-gray-500{border-color:var(--gray-500,#737278)}.gl-border-red-500{border-color:var(--red-500,#dd2b0e)}.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{border-bottom-color:var(--gl-dropdown-border-color,var(--gl-color-neutral-200,#bfbfc3))}.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{border-top-color:var(--gl-dropdown-border-color,var(--gl-color-neutral-200,#bfbfc3))}.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-gray-10{background-color:var(--gray-10,#fbfafd)!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-10{background-color:var(--gray-10,#fbfafd)}.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,#0505063d))}.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:initial}.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,#c91c00))}.gl-fill-feedback-info{fill:var(--gl-feedback-info-icon-color,var(--gl-color-blue-600,#1068bf))}.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,#217645))}.gl-fill-feedback-warning{fill:var(--gl-feedback-warning-icon-color,var(--gl-color-orange-600,#9e5400))}.gl-fill-gray-100{fill:var(--gray-100,#dcdcde)}.gl-fill-icon-danger{fill:var(--gl-icon-color-danger,var(--gl-color-red-600,#c91c00))}.gl-fill-icon-default{fill:var(--gl-icon-color-default,var(--gl-color-neutral-700,#4c4b51))}.gl-fill-icon-disabled{fill:var(--gl-icon-color-disabled,var(--gl-color-neutral-300,#a4a3a8))}.gl-fill-icon-info{fill:var(--gl-icon-color-info,var(--gl-color-blue-600,#1068bf))}.gl-fill-icon-link{fill:var(--gl-icon-color-link,var(--gl-color-blue-600,#1068bf))}.gl-fill-icon-strong{fill:var(--gl-icon-color-strong,var(--gl-color-neutral-900,#28272d))}.gl-fill-icon-subtle{fill:var(--gl-icon-color-subtle,var(--gl-color-neutral-500,#737278))}.gl-fill-icon-success{fill:var(--gl-icon-color-success,var(--gl-color-green-600,#217645))}.gl-fill-icon-warning{fill:var(--gl-icon-color-warning,var(--gl-color-orange-600,#9e5400))}.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-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-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-lg{font-size:1rem}.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,#c91c00))}.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,#ae1800))}.gl-text-feedback-info{color:var(--gl-feedback-info-text-color,var(--gl-color-blue-700,#0b5cad))}.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,#24663b))}.gl-text-feedback-warning{color:var(--gl-feedback-warning-text-color,var(--gl-color-orange-700,#8f4700))}.gl-text-gray-400{color:var(--gray-400,#89888d)}.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-gray-950{color:var(--gray-950,#18171d)}.gl-text-green-500{color:var(--green-500,#108548)}.gl-text-green-600{color:var(--green-600,#217645)}.gl-text-inherit{color:inherit}.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,#5943b6))}.gl-text-status-danger{color:var(--gl-status-danger-text-color,var(--gl-color-red-700,#ae1800))}.gl-text-status-info{color:var(--gl-status-info-text-color,var(--gl-color-blue-700,#0b5cad))}.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,#24663b))}.gl-text-status-warning{color:var(--gl-status-warning-text-color,var(--gl-color-orange-700,#8f4700))}.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-white{color:var(--white,#fff)}.\!gl-opacity-0{opacity:0!important}.gl-opacity-10{opacity:1}.\!gl-shadow-inner-1-gray-100{--tw-shadow:inset 0 0 0 1px var(--gray-100,#dcdcde)!important;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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 #0000;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-shadow-inner-2-blue-400:focus{--tw-shadow:inset 0 0 0 2px var(--blue-400,#428fdc)!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}@media (min-width:576px){.sm\:gl-block{display:block}.sm\:gl-flex{display:flex}.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: }::-webkit-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: }::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-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-none{pointer-events:none}.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-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-5{margin-bottom:1rem;margin-top:1rem}.\!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-min-h-8{min-height:2.5rem}.\!gl-w-31{width:15.5rem!important}.\!gl-w-auto{width:auto!important}.gl-w-10{width:3.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-full{width:100%}.\!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-75{max-width:37.5rem}.gl-max-w-full{max-width:100%}.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-not-allowed{cursor:not-allowed!important}.\!gl-cursor-text{cursor:text!important}.gl-cursor-default{cursor:default}.gl-cursor-pointer{cursor:pointer}.gl-cursor-text{cursor:text}.gl-list-none{list-style-type:none}.gl-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.gl-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.gl-flex-row{flex-direction:row}.gl-flex-row-reverse{flex-direction:row-reverse}.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-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-divide-x-0>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(0px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(0px*var(--tw-divide-x-reverse))}.gl-divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.gl-divide-solid>:not([hidden])~:not([hidden]){border-style:solid}.gl-divide-default>:not([hidden])~:not([hidden]){border-color:var(--gl-border-color-default,var(--gl-color-neutral-100,#dcdcde))}.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,.gl-border-1{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-solid{border-style:solid}.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-color-neutral-200,#bfbfc3))}.gl-border-gray-200{border-color:var(--gray-200,#bfbfc3)}.gl-border-gray-500{border-color:var(--gray-500,#737278)}.gl-border-red-500{border-color:var(--red-500,#dd2b0e)}.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{border-bottom-color:var(--gl-dropdown-border-color,var(--gl-color-neutral-200,#bfbfc3))}.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{border-top-color:var(--gl-dropdown-border-color,var(--gl-color-neutral-200,#bfbfc3))}.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-gray-10{background-color:var(--gray-10,#fbfafd)!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-10{background-color:var(--gray-10,#fbfafd)}.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,#0505063d))}.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:initial}.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,#c91c00))}.gl-fill-feedback-info{fill:var(--gl-feedback-info-icon-color,var(--gl-color-blue-600,#1068bf))}.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,#217645))}.gl-fill-feedback-warning{fill:var(--gl-feedback-warning-icon-color,var(--gl-color-orange-600,#9e5400))}.gl-fill-gray-100{fill:var(--gray-100,#dcdcde)}.gl-fill-icon-danger{fill:var(--gl-icon-color-danger,var(--gl-color-red-600,#c91c00))}.gl-fill-icon-default{fill:var(--gl-icon-color-default,var(--gl-color-neutral-700,#4c4b51))}.gl-fill-icon-disabled{fill:var(--gl-icon-color-disabled,var(--gl-color-neutral-300,#a4a3a8))}.gl-fill-icon-info{fill:var(--gl-icon-color-info,var(--gl-color-blue-600,#1068bf))}.gl-fill-icon-link{fill:var(--gl-icon-color-link,var(--gl-color-blue-700,#0b5cad))}.gl-fill-icon-strong{fill:var(--gl-icon-color-strong,var(--gl-color-neutral-900,#28272d))}.gl-fill-icon-subtle{fill:var(--gl-icon-color-subtle,var(--gl-color-neutral-500,#737278))}.gl-fill-icon-success{fill:var(--gl-icon-color-success,var(--gl-color-green-600,#217645))}.gl-fill-icon-warning{fill:var(--gl-icon-color-warning,var(--gl-color-orange-600,#9e5400))}.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-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-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-lg{font-size:1rem}.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,#c91c00))}.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,#ae1800))}.gl-text-feedback-info{color:var(--gl-feedback-info-text-color,var(--gl-color-blue-700,#0b5cad))}.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,#24663b))}.gl-text-feedback-warning{color:var(--gl-feedback-warning-text-color,var(--gl-color-orange-700,#8f4700))}.gl-text-gray-400{color:var(--gray-400,#89888d)}.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-gray-950{color:var(--gray-950,#18171d)}.gl-text-green-500{color:var(--green-500,#108548)}.gl-text-green-600{color:var(--green-600,#217645)}.gl-text-inherit{color:inherit}.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,#5943b6))}.gl-text-status-danger{color:var(--gl-status-danger-text-color,var(--gl-color-red-700,#ae1800))}.gl-text-status-info{color:var(--gl-status-info-text-color,var(--gl-color-blue-700,#0b5cad))}.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,#24663b))}.gl-text-status-warning{color:var(--gl-status-warning-text-color,var(--gl-color-orange-700,#8f4700))}.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-white{color:var(--white,#fff)}.\!gl-opacity-0{opacity:0!important}.gl-opacity-10{opacity:1}.\!gl-shadow-inner-1-gray-100{--tw-shadow:inset 0 0 0 1px var(--gray-100,#dcdcde)!important;--tw-shadow-colored:inset 0 0 0 1px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.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 #0000;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-shadow-inner-2-blue-400:focus{--tw-shadow:inset 0 0 0 2px var(--blue-400,#428fdc)!important;--tw-shadow-colored:inset 0 0 0 2px var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}@media (min-width:576px){.sm\:gl-block{display:block}.sm\:gl-flex{display:flex}.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 */
|
|
@@ -935,7 +935,7 @@ const GL_ICON_COLOR_DEFAULT = '#dcdcde';
|
|
|
935
935
|
const GL_ICON_COLOR_SUBTLE = '#a4a3a8';
|
|
936
936
|
const GL_ICON_COLOR_STRONG = '#fbfafd';
|
|
937
937
|
const GL_ICON_COLOR_DISABLED = '#737278';
|
|
938
|
-
const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
const GL_ICON_COLOR_LINK = '#9dc7f1';
|
|
939
939
|
const GL_ICON_COLOR_INFO = '#63a6e9';
|
|
940
940
|
const GL_ICON_COLOR_WARNING = '#d99530';
|
|
941
941
|
const GL_ICON_COLOR_DANGER = '#f6806d';
|
|
@@ -935,7 +935,7 @@ const GL_ICON_COLOR_DEFAULT = '#4c4b51';
|
|
|
935
935
|
const GL_ICON_COLOR_SUBTLE = '#737278';
|
|
936
936
|
const GL_ICON_COLOR_STRONG = '#28272d';
|
|
937
937
|
const GL_ICON_COLOR_DISABLED = '#a4a3a8';
|
|
938
|
-
const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
const GL_ICON_COLOR_LINK = '#0b5cad';
|
|
939
939
|
const GL_ICON_COLOR_INFO = '#1068bf';
|
|
940
940
|
const GL_ICON_COLOR_WARNING = '#9e5400';
|
|
941
941
|
const GL_ICON_COLOR_DANGER = '#c91c00';
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
--gl-icon-color-subtle: var(--gl-color-neutral-500); /* Used for a static or decorational icon. Can be paired with subtle text. */
|
|
776
776
|
--gl-icon-color-strong: var(--gl-color-neutral-900); /* Used for an icon with the highest contrast. */
|
|
777
777
|
--gl-icon-color-disabled: var(--gl-color-neutral-300); /* Used for an icon within a disabled section. */
|
|
778
|
-
--gl-icon-color-link: var(--gl-color-blue-
|
|
778
|
+
--gl-icon-color-link: var(--gl-color-blue-700); /* Used for an icon within a link. */
|
|
779
779
|
--gl-icon-color-info: var(--gl-color-blue-600); /* Used for an icon associated with information or help. */
|
|
780
780
|
--gl-icon-color-warning: var(--gl-color-orange-600); /* Used for an icon associated with a warning. */
|
|
781
781
|
--gl-icon-color-danger: var(--gl-color-red-600); /* Used for an icon associated with an error or danger. */
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
--gl-icon-color-subtle: var(--gl-color-neutral-300); /* Used for a static or decorational icon. Can be paired with subtle text. */
|
|
776
776
|
--gl-icon-color-strong: var(--gl-color-neutral-10); /* Used for an icon with the highest contrast. */
|
|
777
777
|
--gl-icon-color-disabled: var(--gl-color-neutral-500); /* Used for an icon within a disabled section. */
|
|
778
|
-
--gl-icon-color-link: var(--gl-color-blue-
|
|
778
|
+
--gl-icon-color-link: var(--gl-color-blue-200); /* Used for an icon within a link. */
|
|
779
779
|
--gl-icon-color-info: var(--gl-color-blue-300); /* Used for an icon associated with information or help. */
|
|
780
780
|
--gl-icon-color-warning: var(--gl-color-orange-300); /* Used for an icon associated with a warning. */
|
|
781
781
|
--gl-icon-color-danger: var(--gl-color-red-300); /* Used for an icon associated with an error or danger. */
|
|
@@ -935,7 +935,7 @@ export const GL_ICON_COLOR_DEFAULT = '#dcdcde';
|
|
|
935
935
|
export const GL_ICON_COLOR_SUBTLE = '#a4a3a8';
|
|
936
936
|
export const GL_ICON_COLOR_STRONG = '#fbfafd';
|
|
937
937
|
export const GL_ICON_COLOR_DISABLED = '#737278';
|
|
938
|
-
export const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
export const GL_ICON_COLOR_LINK = '#9dc7f1';
|
|
939
939
|
export const GL_ICON_COLOR_INFO = '#63a6e9';
|
|
940
940
|
export const GL_ICON_COLOR_WARNING = '#d99530';
|
|
941
941
|
export const GL_ICON_COLOR_DANGER = '#f6806d';
|
package/dist/tokens/js/tokens.js
CHANGED
|
@@ -935,7 +935,7 @@ export const GL_ICON_COLOR_DEFAULT = '#4c4b51';
|
|
|
935
935
|
export const GL_ICON_COLOR_SUBTLE = '#737278';
|
|
936
936
|
export const GL_ICON_COLOR_STRONG = '#28272d';
|
|
937
937
|
export const GL_ICON_COLOR_DISABLED = '#a4a3a8';
|
|
938
|
-
export const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
export const GL_ICON_COLOR_LINK = '#0b5cad';
|
|
939
939
|
export const GL_ICON_COLOR_INFO = '#1068bf';
|
|
940
940
|
export const GL_ICON_COLOR_WARNING = '#9e5400';
|
|
941
941
|
export const GL_ICON_COLOR_DANGER = '#c91c00';
|
|
@@ -21647,15 +21647,15 @@
|
|
|
21647
21647
|
]
|
|
21648
21648
|
},
|
|
21649
21649
|
"link": {
|
|
21650
|
-
"$value": "#
|
|
21650
|
+
"$value": "#9dc7f1",
|
|
21651
21651
|
"$type": "color",
|
|
21652
21652
|
"$description": "Used for an icon within a link.",
|
|
21653
21653
|
"filePath": "src/tokens/icon.tokens.json",
|
|
21654
21654
|
"isSource": true,
|
|
21655
21655
|
"original": {
|
|
21656
21656
|
"$value": {
|
|
21657
|
-
"default": "{color.blue.
|
|
21658
|
-
"dark": "{color.blue.
|
|
21657
|
+
"default": "{color.blue.700}",
|
|
21658
|
+
"dark": "{color.blue.200}"
|
|
21659
21659
|
},
|
|
21660
21660
|
"$type": "color",
|
|
21661
21661
|
"$description": "Used for an icon within a link."
|
|
@@ -21647,15 +21647,15 @@
|
|
|
21647
21647
|
]
|
|
21648
21648
|
},
|
|
21649
21649
|
"link": {
|
|
21650
|
-
"$value": "#
|
|
21650
|
+
"$value": "#0b5cad",
|
|
21651
21651
|
"$type": "color",
|
|
21652
21652
|
"$description": "Used for an icon within a link.",
|
|
21653
21653
|
"filePath": "src/tokens/icon.tokens.json",
|
|
21654
21654
|
"isSource": true,
|
|
21655
21655
|
"original": {
|
|
21656
21656
|
"$value": {
|
|
21657
|
-
"default": "{color.blue.
|
|
21658
|
-
"dark": "{color.blue.
|
|
21657
|
+
"default": "{color.blue.700}",
|
|
21658
|
+
"dark": "{color.blue.200}"
|
|
21659
21659
|
},
|
|
21660
21660
|
"$type": "color",
|
|
21661
21661
|
"$description": "Used for an icon within a link."
|
|
@@ -773,7 +773,7 @@ $gl-icon-color-default: $gl-color-neutral-100; // Used for the default icon colo
|
|
|
773
773
|
$gl-icon-color-subtle: $gl-color-neutral-300; // Used for a static or decorational icon. Can be paired with subtle text.
|
|
774
774
|
$gl-icon-color-strong: $gl-color-neutral-10; // Used for an icon with the highest contrast.
|
|
775
775
|
$gl-icon-color-disabled: $gl-color-neutral-500; // Used for an icon within a disabled section.
|
|
776
|
-
$gl-icon-color-link: $gl-color-blue-
|
|
776
|
+
$gl-icon-color-link: $gl-color-blue-200; // Used for an icon within a link.
|
|
777
777
|
$gl-icon-color-info: $gl-color-blue-300; // Used for an icon associated with information or help.
|
|
778
778
|
$gl-icon-color-warning: $gl-color-orange-300; // Used for an icon associated with a warning.
|
|
779
779
|
$gl-icon-color-danger: $gl-color-red-300; // Used for an icon associated with an error or danger.
|
|
@@ -773,7 +773,7 @@ $gl-icon-color-default: $gl-color-neutral-700; // Used for the default icon colo
|
|
|
773
773
|
$gl-icon-color-subtle: $gl-color-neutral-500; // Used for a static or decorational icon. Can be paired with subtle text.
|
|
774
774
|
$gl-icon-color-strong: $gl-color-neutral-900; // Used for an icon with the highest contrast.
|
|
775
775
|
$gl-icon-color-disabled: $gl-color-neutral-300; // Used for an icon within a disabled section.
|
|
776
|
-
$gl-icon-color-link: $gl-color-blue-
|
|
776
|
+
$gl-icon-color-link: $gl-color-blue-700; // Used for an icon within a link.
|
|
777
777
|
$gl-icon-color-info: $gl-color-blue-600; // Used for an icon associated with information or help.
|
|
778
778
|
$gl-icon-color-warning: $gl-color-orange-600; // Used for an icon associated with a warning.
|
|
779
779
|
$gl-icon-color-danger: $gl-color-red-600; // Used for an icon associated with an error or danger.
|
|
@@ -251,7 +251,7 @@ const iconColors = {
|
|
|
251
251
|
subtle: 'var(--gl-icon-color-subtle, var(--gl-color-neutral-500, #737278))',
|
|
252
252
|
strong: 'var(--gl-icon-color-strong, var(--gl-color-neutral-900, #28272d))',
|
|
253
253
|
disabled: 'var(--gl-icon-color-disabled, var(--gl-color-neutral-300, #a4a3a8))',
|
|
254
|
-
link: 'var(--gl-icon-color-link, var(--gl-color-blue-
|
|
254
|
+
link: 'var(--gl-icon-color-link, var(--gl-color-blue-700, #0b5cad))',
|
|
255
255
|
info: 'var(--gl-icon-color-info, var(--gl-color-blue-600, #1068bf))',
|
|
256
256
|
warning: 'var(--gl-icon-color-warning, var(--gl-color-orange-600, #9e5400))',
|
|
257
257
|
danger: 'var(--gl-icon-color-danger, var(--gl-color-red-600, #c91c00))',
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
// Component names
|
|
2
2
|
const NAME_BUTTON = 'BButton';
|
|
3
3
|
const NAME_BUTTON_CLOSE = 'BButtonClose';
|
|
4
|
-
const NAME_BUTTON_GROUP = 'BButtonGroup';
|
|
5
4
|
const NAME_COL = 'BCol';
|
|
6
5
|
const NAME_COLLAPSE = 'BCollapse';
|
|
7
6
|
const NAME_DROPDOWN = 'BDropdown';
|
|
@@ -68,4 +67,4 @@ const NAME_TRANSITION = 'BVTransition';
|
|
|
68
67
|
const NAME_TRANSPORTER = 'BVTransporter';
|
|
69
68
|
const NAME_TRANSPORTER_TARGET = 'BVTransporterTarget';
|
|
70
69
|
|
|
71
|
-
export { NAME_BUTTON, NAME_BUTTON_CLOSE,
|
|
70
|
+
export { NAME_BUTTON, NAME_BUTTON_CLOSE, NAME_COL, NAME_COLLAPSE, NAME_COLLAPSE_HELPER, 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_INPUT, 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_INPUT_GROUP, NAME_INPUT_GROUP_ADDON, NAME_INPUT_GROUP_APPEND, NAME_INPUT_GROUP_PREPEND, NAME_INPUT_GROUP_TEXT, NAME_LINK, NAME_MODAL, NAME_NAV, NAME_NAV_ITEM, NAME_NAV_ITEM_DROPDOWN, 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 };
|
|
@@ -15,6 +15,7 @@ if (isVue3) {
|
|
|
15
15
|
const KNOWN_COMPONENTS = ['router-link', 'transition', 'transition-group'];
|
|
16
16
|
const originalVModelDynamicCreated = Vue.vModelDynamic.created;
|
|
17
17
|
const originalVModelDynamicBeforeUpdate = Vue.vModelDynamic.beforeUpdate;
|
|
18
|
+
let assignSymbol;
|
|
18
19
|
|
|
19
20
|
// See https://github.com/vuejs/vue-next/pull/4121 for details
|
|
20
21
|
Vue.vModelDynamic.created = function (el, binding, vnode) {
|
|
@@ -22,12 +23,28 @@ if (isVue3) {
|
|
|
22
23
|
if (!el._assign) {
|
|
23
24
|
el._assign = () => {};
|
|
24
25
|
}
|
|
26
|
+
|
|
27
|
+
// Added check for Symbol('_assign') to fix in compat 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
|
|
28
|
+
if (!assignSymbol) {
|
|
29
|
+
assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign');
|
|
30
|
+
}
|
|
31
|
+
if (!el[assignSymbol]) {
|
|
32
|
+
el[assignSymbol] = function () {};
|
|
33
|
+
}
|
|
25
34
|
};
|
|
26
35
|
Vue.vModelDynamic.beforeUpdate = function (el, binding, vnode) {
|
|
27
36
|
originalVModelDynamicBeforeUpdate.call(this, el, binding, vnode);
|
|
28
37
|
if (!el._assign) {
|
|
29
38
|
el._assign = () => {};
|
|
30
39
|
}
|
|
40
|
+
|
|
41
|
+
// Added check for Symbol('_assign') to fix in 3.3.5+ based on https://github.com/bootstrap-vue/bootstrap-vue/issues/7181
|
|
42
|
+
if (!assignSymbol) {
|
|
43
|
+
assignSymbol = Object.getOwnPropertySymbols(el).find(s => s.description === '_assign');
|
|
44
|
+
}
|
|
45
|
+
if (!el[assignSymbol]) {
|
|
46
|
+
el[assignSymbol] = function () {};
|
|
47
|
+
}
|
|
31
48
|
};
|
|
32
49
|
extend = function patchedBootstrapVueExtend(definition) {
|
|
33
50
|
if (typeof definition === 'object' && definition.render && !definition.__alreadyPatched) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gitlab/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "106.1.0",
|
|
4
4
|
"description": "GitLab UI Components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -99,7 +99,6 @@
|
|
|
99
99
|
"jackspeak": "2.1.1"
|
|
100
100
|
},
|
|
101
101
|
"devDependencies": {
|
|
102
|
-
"@arkweid/lefthook": "0.7.7",
|
|
103
102
|
"@babel/core": "^7.26.0",
|
|
104
103
|
"@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.6",
|
|
105
104
|
"@babel/plugin-proposal-optional-chaining": "^7.21.0",
|
|
@@ -129,8 +128,8 @@
|
|
|
129
128
|
"@storybook/vue3-webpack5": "^7.6.20",
|
|
130
129
|
"@studiometa/stylelint-formatter-gitlab": "^0.0.1",
|
|
131
130
|
"@types/jest-image-snapshot": "^6.4.0",
|
|
132
|
-
"@vue/compat": "^3.
|
|
133
|
-
"@vue/compiler-sfc": "^3.
|
|
131
|
+
"@vue/compat": "^3.5.13",
|
|
132
|
+
"@vue/compiler-sfc": "^3.5.13",
|
|
134
133
|
"@vue/test-utils": "1.3.0",
|
|
135
134
|
"@vue/test-utils-vue3": "npm:@vue/test-utils@2.2.0",
|
|
136
135
|
"@vue/vue2-jest": "29.0.0",
|
|
@@ -143,11 +142,12 @@
|
|
|
143
142
|
"axe-playwright": "^2.0.3",
|
|
144
143
|
"babel-jest": "29.0.1",
|
|
145
144
|
"babel-loader": "^8.0.5",
|
|
146
|
-
"cypress": "13.
|
|
145
|
+
"cypress": "13.17.0",
|
|
147
146
|
"cypress-axe": "^1.4.0",
|
|
148
147
|
"cypress-real-events": "^1.11.0",
|
|
149
148
|
"dompurify": "^3.1.2",
|
|
150
149
|
"emoji-regex": "^10.0.0",
|
|
150
|
+
"entities": "^4.5.0",
|
|
151
151
|
"esbuild": "^0.18.0",
|
|
152
152
|
"eslint": "8.57.1",
|
|
153
153
|
"eslint-formatter-gitlab": "^5.1.0",
|
|
@@ -162,6 +162,7 @@
|
|
|
162
162
|
"jest-circus": "29.7.0",
|
|
163
163
|
"jest-environment-jsdom": "29.7.0",
|
|
164
164
|
"jest-image-snapshot": "^6.4.0",
|
|
165
|
+
"lefthook": "^1.10.1",
|
|
165
166
|
"markdownlint-cli": "^0.29.0",
|
|
166
167
|
"merge-cobertura": "^1.0.2",
|
|
167
168
|
"mockdate": "^2.0.5",
|
|
@@ -200,7 +201,8 @@
|
|
|
200
201
|
"vue-template-compiler": "2.7.16",
|
|
201
202
|
"vue-test-utils-compat": "^0.0.10",
|
|
202
203
|
"webpack": "^5.9.0",
|
|
203
|
-
"yargs": "^17.3.1"
|
|
204
|
+
"yargs": "^17.3.1",
|
|
205
|
+
"yarn-deduplicate": "^6.0.2"
|
|
204
206
|
},
|
|
205
207
|
"overrides": {
|
|
206
208
|
"cypress-axe": {
|
|
@@ -1,5 +1,13 @@
|
|
|
1
1
|
Button groups are an easy way to group a series of buttons together.
|
|
2
2
|
|
|
3
|
+
```html
|
|
4
|
+
<gl-button-group>
|
|
5
|
+
<gl-button>Download</b-button>
|
|
6
|
+
<gl-button>Browse</b-button>
|
|
7
|
+
<gl-button variant="danger">Delete</b-button>
|
|
8
|
+
</gl-button-group>
|
|
9
|
+
```
|
|
10
|
+
|
|
3
11
|
## Split dropdowns
|
|
4
12
|
|
|
5
13
|
Both `GlCollapsibleListbox` and `GlDisclosureDropdown` can be added as the last
|
|
@@ -22,7 +30,15 @@ dropdown's `toggle-text` _and_ `text-sr-only` props are set.
|
|
|
22
30
|
</gl-button-group>
|
|
23
31
|
```
|
|
24
32
|
|
|
25
|
-
##
|
|
33
|
+
## Vertical variation
|
|
26
34
|
|
|
27
|
-
|
|
28
|
-
|
|
35
|
+
Make a set of buttons appear vertically stacked rather than horizontally by setting the `vertical` prop.
|
|
36
|
+
Split button dropdowns are not supported here.
|
|
37
|
+
|
|
38
|
+
```html
|
|
39
|
+
<gl-button-group vertical>
|
|
40
|
+
<gl-button>Top</b-button>
|
|
41
|
+
<gl-button>Middle</b-button>
|
|
42
|
+
<gl-button>Bottom</b-button>
|
|
43
|
+
</gl-button-group>
|
|
44
|
+
```
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
<script>
|
|
2
|
-
import { BButtonGroup } from '../../../vendor/bootstrap-vue/src/components/button-group/button-group';
|
|
3
|
-
|
|
4
2
|
export default {
|
|
5
3
|
name: 'GlButtonGroup',
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
props: {
|
|
5
|
+
/**
|
|
6
|
+
* When set, rendered the button group in vertical mode.
|
|
7
|
+
*/
|
|
8
|
+
vertical: {
|
|
9
|
+
type: Boolean,
|
|
10
|
+
required: false,
|
|
11
|
+
default: false,
|
|
12
|
+
},
|
|
8
13
|
},
|
|
9
14
|
};
|
|
10
15
|
</script>
|
|
11
16
|
<template>
|
|
12
|
-
<
|
|
17
|
+
<div :class="!vertical ? 'btn-group' : 'btn-group-vertical'" role="group" v-on="$listeners">
|
|
13
18
|
<!-- @slot The buttons to group. -->
|
|
14
19
|
<slot></slot>
|
|
15
|
-
</
|
|
20
|
+
</div>
|
|
16
21
|
</template>
|
|
@@ -61,6 +61,21 @@ You can use the `preventDefault` to filter out events that are causing undesired
|
|
|
61
61
|
|
|
62
62
|
After closing, `GlDisclosureDropdown` emits a `hidden` event.
|
|
63
63
|
|
|
64
|
+
### Closing the disclosure dropdown programmatically
|
|
65
|
+
|
|
66
|
+
It's possible to close the disclosure dropdown programmatically by calling the `closeAndFocus` or
|
|
67
|
+
`close` methods on the disclosure dropdown via a template ref. For example:
|
|
68
|
+
|
|
69
|
+
```js
|
|
70
|
+
this.$refs.disclosureDropdown.closeAndFocus()
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
The `closeAndFocus` method is preferred in most cases, especially when triggering it from some action
|
|
74
|
+
within the disclosure dropdown, because it will move focus back to the disclosure dropdown trigger.
|
|
75
|
+
|
|
76
|
+
The `close` method should only be used when closing the disclosure dropdown and moving the focus to
|
|
77
|
+
some other element. For example, closing the disclosure dropdown to focus a newly revealed text input.
|
|
78
|
+
|
|
64
79
|
## Setting disclosure dropdown items
|
|
65
80
|
|
|
66
81
|
Use the `items` prop to provide actions/links to the disclosure dropdown. Each
|
|
@@ -42,6 +42,21 @@ The listbox is closed by any of the following:
|
|
|
42
42
|
|
|
43
43
|
After closing, `GlCollapsibleListbox` emits a `hidden` event.
|
|
44
44
|
|
|
45
|
+
### Closing the listbox programmatically
|
|
46
|
+
|
|
47
|
+
It's possible to close the listbox programmatically by calling the `closeAndFocus` or `close` methods
|
|
48
|
+
on the listbox via a template ref. For example:
|
|
49
|
+
|
|
50
|
+
```js
|
|
51
|
+
this.$refs.listbox.closeAndFocus()
|
|
52
|
+
```
|
|
53
|
+
|
|
54
|
+
The `closeAndFocus` method is preferred in most cases, especially when triggering it from some action
|
|
55
|
+
within the listbox, because it will move focus back to the listbox trigger.
|
|
56
|
+
|
|
57
|
+
The `close` method should only be used when closing the listbox and moving the focus to some other element.
|
|
58
|
+
For example, closing the listbox to focus a newly revealed text input.
|
|
59
|
+
|
|
45
60
|
## Selecting items
|
|
46
61
|
|
|
47
62
|
Set the `v-model` on the listbox to have 2-way data binding for the selected items in the listbox.
|
|
@@ -94,22 +94,22 @@ export default {
|
|
|
94
94
|
return `${this.containerClass} ${this.borderClass}`;
|
|
95
95
|
},
|
|
96
96
|
hasTitleIcon() {
|
|
97
|
-
return this.titleIcon
|
|
97
|
+
return Boolean(this.titleIcon);
|
|
98
98
|
},
|
|
99
99
|
hasTitle() {
|
|
100
|
-
return this.title
|
|
100
|
+
return Boolean(this.title);
|
|
101
101
|
},
|
|
102
102
|
hasTitlePopover() {
|
|
103
|
-
return this.titlePopover?.description
|
|
103
|
+
return Boolean(this.titlePopover?.description);
|
|
104
104
|
},
|
|
105
105
|
hasTitlePopoverLink() {
|
|
106
|
-
return this.titlePopover?.descriptionLink
|
|
106
|
+
return Boolean(this.titlePopover?.descriptionLink);
|
|
107
107
|
},
|
|
108
108
|
shouldShowActions() {
|
|
109
109
|
return this.actions?.length > 0;
|
|
110
110
|
},
|
|
111
111
|
isLoadingDelayed() {
|
|
112
|
-
return this.loadingDelayed && this.loadingDelayedText
|
|
112
|
+
return this.loadingDelayed && Boolean(this.loadingDelayedText);
|
|
113
113
|
},
|
|
114
114
|
},
|
|
115
115
|
};
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
--gl-icon-color-subtle: var(--gl-color-neutral-500); /* Used for a static or decorational icon. Can be paired with subtle text. */
|
|
776
776
|
--gl-icon-color-strong: var(--gl-color-neutral-900); /* Used for an icon with the highest contrast. */
|
|
777
777
|
--gl-icon-color-disabled: var(--gl-color-neutral-300); /* Used for an icon within a disabled section. */
|
|
778
|
-
--gl-icon-color-link: var(--gl-color-blue-
|
|
778
|
+
--gl-icon-color-link: var(--gl-color-blue-700); /* Used for an icon within a link. */
|
|
779
779
|
--gl-icon-color-info: var(--gl-color-blue-600); /* Used for an icon associated with information or help. */
|
|
780
780
|
--gl-icon-color-warning: var(--gl-color-orange-600); /* Used for an icon associated with a warning. */
|
|
781
781
|
--gl-icon-color-danger: var(--gl-color-red-600); /* Used for an icon associated with an error or danger. */
|
|
@@ -775,7 +775,7 @@
|
|
|
775
775
|
--gl-icon-color-subtle: var(--gl-color-neutral-300); /* Used for a static or decorational icon. Can be paired with subtle text. */
|
|
776
776
|
--gl-icon-color-strong: var(--gl-color-neutral-10); /* Used for an icon with the highest contrast. */
|
|
777
777
|
--gl-icon-color-disabled: var(--gl-color-neutral-500); /* Used for an icon within a disabled section. */
|
|
778
|
-
--gl-icon-color-link: var(--gl-color-blue-
|
|
778
|
+
--gl-icon-color-link: var(--gl-color-blue-200); /* Used for an icon within a link. */
|
|
779
779
|
--gl-icon-color-info: var(--gl-color-blue-300); /* Used for an icon associated with information or help. */
|
|
780
780
|
--gl-icon-color-warning: var(--gl-color-orange-300); /* Used for an icon associated with a warning. */
|
|
781
781
|
--gl-icon-color-danger: var(--gl-color-red-300); /* Used for an icon associated with an error or danger. */
|
|
@@ -935,7 +935,7 @@ export const GL_ICON_COLOR_DEFAULT = '#dcdcde';
|
|
|
935
935
|
export const GL_ICON_COLOR_SUBTLE = '#a4a3a8';
|
|
936
936
|
export const GL_ICON_COLOR_STRONG = '#fbfafd';
|
|
937
937
|
export const GL_ICON_COLOR_DISABLED = '#737278';
|
|
938
|
-
export const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
export const GL_ICON_COLOR_LINK = '#9dc7f1';
|
|
939
939
|
export const GL_ICON_COLOR_INFO = '#63a6e9';
|
|
940
940
|
export const GL_ICON_COLOR_WARNING = '#d99530';
|
|
941
941
|
export const GL_ICON_COLOR_DANGER = '#f6806d';
|
|
@@ -935,7 +935,7 @@ export const GL_ICON_COLOR_DEFAULT = '#4c4b51';
|
|
|
935
935
|
export const GL_ICON_COLOR_SUBTLE = '#737278';
|
|
936
936
|
export const GL_ICON_COLOR_STRONG = '#28272d';
|
|
937
937
|
export const GL_ICON_COLOR_DISABLED = '#a4a3a8';
|
|
938
|
-
export const GL_ICON_COLOR_LINK = '#
|
|
938
|
+
export const GL_ICON_COLOR_LINK = '#0b5cad';
|
|
939
939
|
export const GL_ICON_COLOR_INFO = '#1068bf';
|
|
940
940
|
export const GL_ICON_COLOR_WARNING = '#9e5400';
|
|
941
941
|
export const GL_ICON_COLOR_DANGER = '#c91c00';
|
|
@@ -21647,15 +21647,15 @@
|
|
|
21647
21647
|
]
|
|
21648
21648
|
},
|
|
21649
21649
|
"link": {
|
|
21650
|
-
"$value": "#
|
|
21650
|
+
"$value": "#9dc7f1",
|
|
21651
21651
|
"$type": "color",
|
|
21652
21652
|
"$description": "Used for an icon within a link.",
|
|
21653
21653
|
"filePath": "src/tokens/icon.tokens.json",
|
|
21654
21654
|
"isSource": true,
|
|
21655
21655
|
"original": {
|
|
21656
21656
|
"$value": {
|
|
21657
|
-
"default": "{color.blue.
|
|
21658
|
-
"dark": "{color.blue.
|
|
21657
|
+
"default": "{color.blue.700}",
|
|
21658
|
+
"dark": "{color.blue.200}"
|
|
21659
21659
|
},
|
|
21660
21660
|
"$type": "color",
|
|
21661
21661
|
"$description": "Used for an icon within a link."
|
|
@@ -21647,15 +21647,15 @@
|
|
|
21647
21647
|
]
|
|
21648
21648
|
},
|
|
21649
21649
|
"link": {
|
|
21650
|
-
"$value": "#
|
|
21650
|
+
"$value": "#0b5cad",
|
|
21651
21651
|
"$type": "color",
|
|
21652
21652
|
"$description": "Used for an icon within a link.",
|
|
21653
21653
|
"filePath": "src/tokens/icon.tokens.json",
|
|
21654
21654
|
"isSource": true,
|
|
21655
21655
|
"original": {
|
|
21656
21656
|
"$value": {
|
|
21657
|
-
"default": "{color.blue.
|
|
21658
|
-
"dark": "{color.blue.
|
|
21657
|
+
"default": "{color.blue.700}",
|
|
21658
|
+
"dark": "{color.blue.200}"
|
|
21659
21659
|
},
|
|
21660
21660
|
"$type": "color",
|
|
21661
21661
|
"$description": "Used for an icon within a link."
|
|
@@ -773,7 +773,7 @@ $gl-icon-color-default: $gl-color-neutral-100; // Used for the default icon colo
|
|
|
773
773
|
$gl-icon-color-subtle: $gl-color-neutral-300; // Used for a static or decorational icon. Can be paired with subtle text.
|
|
774
774
|
$gl-icon-color-strong: $gl-color-neutral-10; // Used for an icon with the highest contrast.
|
|
775
775
|
$gl-icon-color-disabled: $gl-color-neutral-500; // Used for an icon within a disabled section.
|
|
776
|
-
$gl-icon-color-link: $gl-color-blue-
|
|
776
|
+
$gl-icon-color-link: $gl-color-blue-200; // Used for an icon within a link.
|
|
777
777
|
$gl-icon-color-info: $gl-color-blue-300; // Used for an icon associated with information or help.
|
|
778
778
|
$gl-icon-color-warning: $gl-color-orange-300; // Used for an icon associated with a warning.
|
|
779
779
|
$gl-icon-color-danger: $gl-color-red-300; // Used for an icon associated with an error or danger.
|
|
@@ -773,7 +773,7 @@ $gl-icon-color-default: $gl-color-neutral-700; // Used for the default icon colo
|
|
|
773
773
|
$gl-icon-color-subtle: $gl-color-neutral-500; // Used for a static or decorational icon. Can be paired with subtle text.
|
|
774
774
|
$gl-icon-color-strong: $gl-color-neutral-900; // Used for an icon with the highest contrast.
|
|
775
775
|
$gl-icon-color-disabled: $gl-color-neutral-300; // Used for an icon within a disabled section.
|
|
776
|
-
$gl-icon-color-link: $gl-color-blue-
|
|
776
|
+
$gl-icon-color-link: $gl-color-blue-700; // Used for an icon within a link.
|
|
777
777
|
$gl-icon-color-info: $gl-color-blue-600; // Used for an icon associated with information or help.
|
|
778
778
|
$gl-icon-color-warning: $gl-color-orange-600; // Used for an icon associated with a warning.
|
|
779
779
|
$gl-icon-color-danger: $gl-color-red-600; // Used for an icon associated with an error or danger.
|
|
@@ -251,7 +251,7 @@ const iconColors = {
|
|
|
251
251
|
subtle: 'var(--gl-icon-color-subtle, var(--gl-color-neutral-500, #737278))',
|
|
252
252
|
strong: 'var(--gl-icon-color-strong, var(--gl-color-neutral-900, #28272d))',
|
|
253
253
|
disabled: 'var(--gl-icon-color-disabled, var(--gl-color-neutral-300, #a4a3a8))',
|
|
254
|
-
link: 'var(--gl-icon-color-link, var(--gl-color-blue-
|
|
254
|
+
link: 'var(--gl-icon-color-link, var(--gl-color-blue-700, #0b5cad))',
|
|
255
255
|
info: 'var(--gl-icon-color-info, var(--gl-color-blue-600, #1068bf))',
|
|
256
256
|
warning: 'var(--gl-icon-color-warning, var(--gl-color-orange-600, #9e5400))',
|
|
257
257
|
danger: 'var(--gl-icon-color-danger, var(--gl-color-red-600, #c91c00))',
|