@gitlab/ui 92.3.1 → 92.5.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/animated_icon/animated_chevron_right_down_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_duo_chat_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_notifications_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_sidebar_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_smile_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_sort_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_star_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_todo_icon.js +45 -0
- package/dist/components/base/animated_icon/animated_upload_icon.js +45 -0
- package/dist/components/base/animated_icon/base_animated_icon.js +64 -0
- package/dist/components/experimental/duo/workflow/components/duo_workflow_panel/duo_workflow_panel.js +9 -11
- package/dist/index.css +2 -2
- package/dist/index.css.map +1 -1
- package/dist/tailwind.css +1 -1
- package/dist/tailwind.css.map +1 -1
- package/dist/utility_classes.css +1 -1
- package/dist/utility_classes.css.map +1 -1
- package/package.json +5 -5
- package/src/components/base/animated_icon/animated_chevron_right_down_icon.vue +28 -0
- package/src/components/base/animated_icon/animated_duo_chat_icon.vue +39 -0
- package/src/components/base/animated_icon/animated_icon.md +4 -0
- package/src/components/base/animated_icon/animated_icon.scss +456 -0
- package/src/components/base/animated_icon/animated_notifications_icon.vue +49 -0
- package/src/components/base/animated_icon/animated_sidebar_icon.vue +35 -0
- package/src/components/base/animated_icon/animated_smile_icon.vue +37 -0
- package/src/components/base/animated_icon/animated_sort_icon.vue +84 -0
- package/src/components/base/animated_icon/animated_star_icon.vue +27 -0
- package/src/components/base/animated_icon/animated_todo_icon.vue +49 -0
- package/src/components/base/animated_icon/animated_upload_icon.vue +41 -0
- package/src/components/base/animated_icon/base_animated_icon.vue +39 -0
- package/src/components/experimental/duo/workflow/components/duo_workflow_panel/duo_workflow_panel.md +7 -3
- package/src/components/experimental/duo/workflow/components/duo_workflow_panel/duo_workflow_panel.vue +9 -9
- package/src/scss/components.scss +1 -0
- package/src/scss/utilities.scss +18 -0
- package/src/scss/utility-mixins/animation.scss +9 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
# [92.5.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v92.4.0...v92.5.0) (2024-09-17)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* **GlAnimatedIcon:** Apply design suggestions ([7988cae](https://gitlab.com/gitlab-org/gitlab-ui/commit/7988cae4b453469d7563eee5b42ddf5e619d0883))
|
|
7
|
+
* **GlAnimatedIcon:** Apply fixes ([ef99ace](https://gitlab.com/gitlab-org/gitlab-ui/commit/ef99ace0c82c313ff69a8c367356d86f90234200))
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
### Features
|
|
11
|
+
|
|
12
|
+
* **GlAnimatedIcon:** Add component ([5db8ae2](https://gitlab.com/gitlab-org/gitlab-ui/commit/5db8ae2fd3fbe7f6b339f2e419b37e7ba490bc66))
|
|
13
|
+
|
|
14
|
+
# [92.4.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v92.3.1...v92.4.0) (2024-09-16)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Features
|
|
18
|
+
|
|
19
|
+
* **DuoWorkflowPanel:** Add Duo panel isExpanded prop ([5916cd1](https://gitlab.com/gitlab-org/gitlab-ui/commit/5916cd18ac361baab554b2b2a64cbdbb62cb59a6))
|
|
20
|
+
|
|
1
21
|
## [92.3.1](https://gitlab.com/gitlab-org/gitlab-ui/compare/v92.3.0...v92.3.1) (2024-09-13)
|
|
2
22
|
|
|
3
23
|
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedChevronRightDownIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-chevron-right-down-arrow",attrs:{"d":"M6.75 4.75L10 8L6.75 11.25","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedDuoChatIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{attrs:{"d":"M3.75297 12.25V11.5H3.44253L3.2229 11.7194L3.75297 12.25ZM0.75 15.25H0C0 15.5533 0.182651 15.8267 0.462816 15.9428C0.742981 16.059 1.06551 15.9949 1.28007 15.7806L0.75 15.25ZM7.74 1C7.32579 1 6.99 1.33579 6.99 1.75C6.99 2.16421 7.32579 2.5 7.74 2.5V1ZM1.5 6.75C1.5 6.33579 1.16421 6 0.75 6C0.335786 6 0 6.33579 0 6.75H1.5ZM14.5 4V10H16V4H14.5ZM13 11.5H3.75297V13H13V11.5ZM3.2229 11.7194L0.219933 14.7194L1.28007 15.7806L4.28304 12.7806L3.2229 11.7194ZM7.74 2.5H13V1H7.74V2.5ZM1.5 15.25V6.75H0V15.25H1.5ZM14.5 10C14.5 10.8284 13.8284 11.5 13 11.5V13C14.6569 13 16 11.6569 16 10H14.5ZM16 4C16 2.34315 14.6569 1 13 1V2.5C13.8284 2.5 14.5 3.17157 14.5 4H16Z","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-duo-chat-small-sparkle",attrs:{"fill-rule":"evenodd","clip-rule":"evenodd","d":"M8.56489 5.39914C8.37631 4.86695 7.62369 4.86695 7.43511 5.39914L6.99787 6.63314C6.93751 6.80349 6.80349 6.93751 6.63314 6.99787L5.39914 7.43511C4.86695 7.62369 4.86695 8.37631 5.39914 8.56489L6.63314 9.00213C6.80349 9.06249 6.93751 9.19651 6.99787 9.36686L7.43511 10.6009C7.62369 11.133 8.37631 11.133 8.56489 10.6009L9.00213 9.36686C9.06249 9.19651 9.19651 9.06249 9.36686 9.00213L10.6009 8.56489C11.133 8.37631 11.133 7.62369 10.6009 7.43511L9.36686 6.99787C9.19651 6.93751 9.06249 6.80349 9.00213 6.63314L8.56489 5.39914Z","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-duo-chat-big-sparkle",attrs:{"d":"M8.56489 5.39914C8.37631 4.86695 7.62369 4.86695 7.43511 5.39914L6.99787 6.63314C6.93751 6.80349 6.80349 6.93751 6.63314 6.99787L5.39914 7.43511C4.86695 7.62369 4.86695 8.37631 5.39914 8.56489L6.63314 9.00213C6.80349 9.06249 6.93751 9.19651 6.99787 9.36686L7.43511 10.6009C7.62369 11.133 8.37631 11.133 8.56489 10.6009L9.00213 9.36686C9.06249 9.19651 9.19651 9.06249 9.36686 9.00213L10.6009 8.56489C11.133 8.37631 11.133 7.62369 10.6009 7.43511L9.36686 6.99787C9.19651 6.93751 9.06249 6.80349 9.00213 6.63314L8.56489 5.39914Z","fill":"currentColor","stroke-width":"0"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedNotificationIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-notifications-bottom-part",attrs:{"d":"M3.72 11.25L2.35519 12.837C2.21579 12.9991 2.33095 13.25 2.54473 13.25H13.4428C13.6586 13.25 13.773 12.995 13.6296 12.8338L12.22 11.25V7C12.22 6.06556 11.9184 5.20155 11.4073 4.5","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-notifications-top-part",attrs:{"d":"M3.72 11.75V7C3.72 4.65279 5.62279 2.75 7.97 2.75C9.38277 2.75 10.6345 3.43933 11.4073 4.5","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-notifications-line",attrs:{"d":"M1.75 14.25L14.2461 1.75391","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{attrs:{"d":"M6 13H10V13C10 14.1046 9.10457 15 8 15V15C6.89543 15 6 14.1046 6 13V13Z","fill":"currentColor"}}),_vm._v(" "),_c('path',{attrs:{"d":"M7 2C7 1.44772 7.44772 1 8 1V1C8.55228 1 9 1.44772 9 2V2C9 2.55228 8.55228 3 8 3V3C7.44772 3 7 2.55228 7 2V2Z","fill":"currentColor"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedSidebarIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('rect',{attrs:{"x":"1.75","y":"1.75","width":"12.5","height":"12.5","rx":"1.25","stroke":"currentColor","stroke-width":"1.5"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sidebar-line",attrs:{"d":"M5.25 2V14","stroke":"currentColor","stroke-width":"1.5"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedSmileIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('g',{staticClass:"gl-animated-smile-eyes"},[_c('circle',{attrs:{"cy":"7","cx":"6","r":"0.5"}}),_vm._v(" "),_c('circle',{attrs:{"cy":"7","cx":"10","r":"0.5"}})]),_vm._v(" "),_c('path',{staticClass:"gl-animated-smile-big-smile",attrs:{"d":"M8 12C9.65685 12 11 10.6569 11 9H5C5 10.6569 6.34315 12 8 12Z","fill":"currentColor"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-smile-slight-smile",attrs:{"d":"M6.3 10C6.46667 10.3333 7 11 8 11C9 11 9.53333 10.3333 9.7 10","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('circle',{attrs:{"cx":"8","cy":"8","r":"7.25","stroke":"currentColor","stroke-width":"1.5"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedSortIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{staticClass:"gl-animated-sort-icon",class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-sort-arrow-left",attrs:{"d":"M3 1.06065L0.75 3.31065","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-arrow-right",attrs:{"d":"M5.25 3.31065L3 1.06065","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-long-line-on",attrs:{"d":"M8.75 2.75L15.25 2.75","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-medium-line-on",attrs:{"d":"M8.75 6L13.25 6","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-short-line-on",attrs:{"d":"M8.75 9.25L10.25 9.25","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-long-line-off",attrs:{"d":"M8.75 13.25L15.25 13.25","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-medium-line-off",attrs:{"d":"M8.75 10L13.25 10","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-short-line-off",attrs:{"d":"M8.75 6.75L10.25 6.75","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-sort-line",attrs:{"d":"M3 13.2506L3 4.0006","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedStarIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-star-shape",attrs:{"d":"M6.56177 5.79259L8 2.33467L9.43822 5.79259C9.58223 6.13883 9.90785 6.37539 10.2816 6.40536L14.0147 6.70464L11.1705 9.14103C10.8857 9.38498 10.7613 9.76775 10.8484 10.1325L11.7173 13.7754L8.52125 11.8232C8.20124 11.6278 7.79876 11.6278 7.47875 11.8232L4.28269 13.7754L5.15165 10.1325C5.23865 9.76776 5.11428 9.38498 4.82949 9.14103L1.98526 6.70464L5.71837 6.40536C6.09216 6.37539 6.41777 6.13882 6.56177 5.79259Z","fill":"transparent","stroke":"currentColor","stroke-width":"1.5"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedTodoIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-todo-box",attrs:{"d":"M14.25 6.75L14.25 13C14.25 13.6904 13.6904 14.25 13 14.25L3 14.25C2.30964 14.25 1.75 13.6904 1.75 13L1.75 3C1.75 2.30964 2.30964 1.75 3 1.75L13.25 1.75","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-todo-plus-line",attrs:{"d":"M10.75 3L15.25 3","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-todo-plus-line",attrs:{"d":"M13 5.25L13 0.75","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-todo-check",attrs:{"d":"M6.75 7.76299L9.15312 10.2469L15.25 4.15","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round","stroke-linejoin":"round"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import GlBaseAnimatedIcon from './base_animated_icon';
|
|
2
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
3
|
+
|
|
4
|
+
var script = {
|
|
5
|
+
name: 'GlAnimatedUploadIcon',
|
|
6
|
+
extends: GlBaseAnimatedIcon
|
|
7
|
+
};
|
|
8
|
+
|
|
9
|
+
/* script */
|
|
10
|
+
const __vue_script__ = script;
|
|
11
|
+
|
|
12
|
+
/* template */
|
|
13
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"gl-animated-upload-base",attrs:{"d":"M14.25 9.75V13C14.25 13.6904 13.6904 14.25 13 14.25L3 14.25C2.30964 14.25 1.75 13.6904 1.75 13L1.75 9.75","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-upload-line",attrs:{"d":"M8 11.25V2.5","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}}),_vm._v(" "),_c('path',{staticClass:"gl-animated-upload-arrow",attrs:{"d":"M11.25 5.31066L8 2.06066L4.75 5.31066","stroke":"currentColor","stroke-width":"1.5","stroke-linecap":"round"}})])};
|
|
14
|
+
var __vue_staticRenderFns__ = [];
|
|
15
|
+
|
|
16
|
+
/* style */
|
|
17
|
+
const __vue_inject_styles__ = undefined;
|
|
18
|
+
/* scoped */
|
|
19
|
+
const __vue_scope_id__ = undefined;
|
|
20
|
+
/* module identifier */
|
|
21
|
+
const __vue_module_identifier__ = undefined;
|
|
22
|
+
/* functional template */
|
|
23
|
+
const __vue_is_functional_template__ = false;
|
|
24
|
+
/* style inject */
|
|
25
|
+
|
|
26
|
+
/* style inject SSR */
|
|
27
|
+
|
|
28
|
+
/* style inject shadow dom */
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
const __vue_component__ = __vue_normalize__(
|
|
33
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
34
|
+
__vue_inject_styles__,
|
|
35
|
+
__vue_script__,
|
|
36
|
+
__vue_scope_id__,
|
|
37
|
+
__vue_is_functional_template__,
|
|
38
|
+
__vue_module_identifier__,
|
|
39
|
+
false,
|
|
40
|
+
undefined,
|
|
41
|
+
undefined,
|
|
42
|
+
undefined
|
|
43
|
+
);
|
|
44
|
+
|
|
45
|
+
export default __vue_component__;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
|
|
2
|
+
|
|
3
|
+
var script = {
|
|
4
|
+
name: 'GlBaseAnimatedIcon',
|
|
5
|
+
props: {
|
|
6
|
+
/**
|
|
7
|
+
* Accessible icon name used by screen readers and other assistive technologies.
|
|
8
|
+
* Provide when icon is not merely decorative
|
|
9
|
+
*/
|
|
10
|
+
ariaLabel: {
|
|
11
|
+
type: String,
|
|
12
|
+
required: false,
|
|
13
|
+
default: undefined
|
|
14
|
+
},
|
|
15
|
+
isOn: {
|
|
16
|
+
type: Boolean,
|
|
17
|
+
required: false,
|
|
18
|
+
default: false
|
|
19
|
+
}
|
|
20
|
+
},
|
|
21
|
+
computed: {
|
|
22
|
+
iconStateClass() {
|
|
23
|
+
return this.isOn ? 'gl-animated-icon gl-animated-icon-on' : 'gl-animated-icon gl-animated-icon-off';
|
|
24
|
+
}
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
|
|
28
|
+
/* script */
|
|
29
|
+
const __vue_script__ = script;
|
|
30
|
+
|
|
31
|
+
/* template */
|
|
32
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:_vm.iconStateClass,attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}})};
|
|
33
|
+
var __vue_staticRenderFns__ = [];
|
|
34
|
+
|
|
35
|
+
/* style */
|
|
36
|
+
const __vue_inject_styles__ = undefined;
|
|
37
|
+
/* scoped */
|
|
38
|
+
const __vue_scope_id__ = undefined;
|
|
39
|
+
/* module identifier */
|
|
40
|
+
const __vue_module_identifier__ = undefined;
|
|
41
|
+
/* functional template */
|
|
42
|
+
const __vue_is_functional_template__ = false;
|
|
43
|
+
/* style inject */
|
|
44
|
+
|
|
45
|
+
/* style inject SSR */
|
|
46
|
+
|
|
47
|
+
/* style inject shadow dom */
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
|
|
51
|
+
const __vue_component__ = __vue_normalize__(
|
|
52
|
+
{ render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
|
|
53
|
+
__vue_inject_styles__,
|
|
54
|
+
__vue_script__,
|
|
55
|
+
__vue_scope_id__,
|
|
56
|
+
__vue_is_functional_template__,
|
|
57
|
+
__vue_module_identifier__,
|
|
58
|
+
false,
|
|
59
|
+
undefined,
|
|
60
|
+
undefined,
|
|
61
|
+
undefined
|
|
62
|
+
);
|
|
63
|
+
|
|
64
|
+
export default __vue_component__;
|
|
@@ -39,13 +39,16 @@ var script = {
|
|
|
39
39
|
type: String,
|
|
40
40
|
required: false,
|
|
41
41
|
default: translate('GlDuoWorkflowPanel.collapseButtonTitle', 'Collapse')
|
|
42
|
+
},
|
|
43
|
+
/**
|
|
44
|
+
* Whether the panel is expanded or not
|
|
45
|
+
*/
|
|
46
|
+
expanded: {
|
|
47
|
+
type: Boolean,
|
|
48
|
+
required: false,
|
|
49
|
+
default: true
|
|
42
50
|
}
|
|
43
51
|
},
|
|
44
|
-
data() {
|
|
45
|
-
return {
|
|
46
|
-
expanded: true
|
|
47
|
-
};
|
|
48
|
-
},
|
|
49
52
|
computed: {
|
|
50
53
|
buttonIcon() {
|
|
51
54
|
return this.expanded ? 'chevron-up' : 'chevron-down';
|
|
@@ -53,11 +56,6 @@ var script = {
|
|
|
53
56
|
buttonTitle() {
|
|
54
57
|
return this.expanded ? this.collapsePanelButtonTitle : this.expandPanelButtonTitle;
|
|
55
58
|
}
|
|
56
|
-
},
|
|
57
|
-
methods: {
|
|
58
|
-
toggleExpanded() {
|
|
59
|
-
this.expanded = !this.expanded;
|
|
60
|
-
}
|
|
61
59
|
}
|
|
62
60
|
};
|
|
63
61
|
|
|
@@ -65,7 +63,7 @@ var script = {
|
|
|
65
63
|
const __vue_script__ = script;
|
|
66
64
|
|
|
67
65
|
/* template */
|
|
68
|
-
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"gl-flex gl-flex-nowrap gl-items-center"},[(_vm.headerIcon)?_c('gl-icon',{staticClass:"gl-mr-3",attrs:{"name":_vm.headerIcon,"size":24}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-flex-grow gl-items-baseline"},[_c('h2',{staticClass:"gl-mb-0"},[_vm._t("title")],2),_vm._v(" "),_c('small',{staticClass:"gl-ml-3"},[_vm._t("subtitle")],2)]),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"category":"tertiary","icon":_vm.buttonIcon,"title":_vm.buttonTitle,"aria-label":_vm.buttonTitle},on:{"click":_vm
|
|
66
|
+
var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:"gl-flex gl-flex-nowrap gl-items-center"},[(_vm.headerIcon)?_c('gl-icon',{staticClass:"gl-mr-3",attrs:{"name":_vm.headerIcon,"size":24}}):_vm._e(),_vm._v(" "),_c('div',{staticClass:"gl-flex gl-flex-grow gl-items-baseline"},[_c('h2',{staticClass:"gl-mb-0"},[_vm._t("title")],2),_vm._v(" "),_c('small',{staticClass:"gl-ml-3"},[_vm._t("subtitle")],2)]),_vm._v(" "),_c('gl-button',{directives:[{name:"gl-tooltip",rawName:"v-gl-tooltip"}],attrs:{"category":"tertiary","icon":_vm.buttonIcon,"title":_vm.buttonTitle,"aria-label":_vm.buttonTitle},on:{"click":function($event){return _vm.$emit('toggle-panel')}}})],1),_vm._v(" "),_c('gl-collapse',{attrs:{"visible":_vm.expanded}},[_c('div',{staticClass:"gl-ml-7 gl-mt-4 gl-flex-grow"},[_vm._t("content")],2)])],1)};
|
|
69
67
|
var __vue_staticRenderFns__ = [];
|
|
70
68
|
|
|
71
69
|
/* style */
|