@gitlab/ui 108.2.0 → 108.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/components/base/animated_icon/animated_chevron_right_down_icon.js +1 -1
  3. package/dist/components/base/animated_icon/animated_duo_chat_icon.js +1 -1
  4. package/dist/components/base/animated_icon/animated_loader_icon.js +1 -1
  5. package/dist/components/base/animated_icon/animated_notifications_icon.js +1 -1
  6. package/dist/components/base/animated_icon/animated_sidebar_icon.js +1 -1
  7. package/dist/components/base/animated_icon/animated_smile_icon.js +1 -1
  8. package/dist/components/base/animated_icon/animated_sort_icon.js +1 -1
  9. package/dist/components/base/animated_icon/animated_star_icon.js +1 -1
  10. package/dist/components/base/animated_icon/animated_todo_icon.js +1 -1
  11. package/dist/components/base/animated_icon/animated_upload_icon.js +1 -1
  12. package/dist/components/base/animated_icon/base_animated_icon.js +14 -1
  13. package/dist/index.css +1 -1
  14. package/dist/index.css.map +1 -1
  15. package/dist/utils/constants.js +13 -1
  16. package/package.json +4 -4
  17. package/src/components/base/animated_icon/animated_chevron_right_down_icon.vue +1 -1
  18. package/src/components/base/animated_icon/animated_duo_chat_icon.vue +1 -1
  19. package/src/components/base/animated_icon/animated_icon.scss +40 -0
  20. package/src/components/base/animated_icon/animated_loader_icon.vue +1 -1
  21. package/src/components/base/animated_icon/animated_notifications_icon.vue +1 -1
  22. package/src/components/base/animated_icon/animated_sidebar_icon.vue +1 -1
  23. package/src/components/base/animated_icon/animated_smile_icon.vue +1 -1
  24. package/src/components/base/animated_icon/animated_sort_icon.vue +1 -1
  25. package/src/components/base/animated_icon/animated_star_icon.vue +1 -1
  26. package/src/components/base/animated_icon/animated_todo_icon.vue +1 -1
  27. package/src/components/base/animated_icon/animated_upload_icon.vue +1 -1
  28. package/src/components/base/animated_icon/base_animated_icon.vue +15 -1
  29. package/src/utils/constants.js +13 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,10 @@
1
+ # [108.3.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v108.2.0...v108.3.0) (2025-02-12)
2
+
3
+
4
+ ### Features
5
+
6
+ * **GlAnimatedIcon:** Add variant prop ([a1f1d8f](https://gitlab.com/gitlab-org/gitlab-ui/commit/a1f1d8f2151d8dbb6c158873329a0b8df37c1d15))
7
+
1
8
  # [108.2.0](https://gitlab.com/gitlab-org/gitlab-ui/compare/v108.1.0...v108.2.0) (2025-02-10)
2
9
 
3
10
 
package/dist/components/base/animated_icon/animated_chevron_right_down_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_duo_chat_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_loader_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-1",attrs:{"cx":"8","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-2",attrs:{"cx":"14","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-3",attrs:{"cx":"2","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}},[_c('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-1",attrs:{"cx":"8","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-2",attrs:{"cx":"14","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}}),_vm._v(" "),_c('circle',{staticClass:"gl-animated-loader-shape gl-animated-loader-shape-3",attrs:{"cx":"2","cy":"8","r":"2","fill":"currentColor","stroke-width":"0"}})])};
14
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_notifications_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_sidebar_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_smile_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_sort_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
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, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_star_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_todo_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/animated_upload_icon.js CHANGED
@@ -10,7 +10,7 @@ var script = {
10
10
  const __vue_script__ = script;
11
11
 
12
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"}})])};
13
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],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
14
  var __vue_staticRenderFns__ = [];
15
15
 
16
16
  /* style */
package/dist/components/base/animated_icon/base_animated_icon.js CHANGED
@@ -1,3 +1,4 @@
1
+ import { animatedIconVariantOptions } from '../../../utils/constants';
1
2
  import __vue_normalize__ from 'vue-runtime-helpers/dist/normalize-component.js';
2
3
 
3
4
  var script = {
@@ -12,6 +13,15 @@ var script = {
12
13
  required: false,
13
14
  default: undefined
14
15
  },
16
+ /**
17
+ * Icon variant
18
+ */
19
+ variant: {
20
+ type: String,
21
+ required: false,
22
+ default: 'current',
23
+ validator: value => Object.keys(animatedIconVariantOptions).includes(value)
24
+ },
15
25
  isOn: {
16
26
  type: Boolean,
17
27
  required: false,
@@ -21,6 +31,9 @@ var script = {
21
31
  computed: {
22
32
  iconStateClass() {
23
33
  return this.isOn ? 'gl-animated-icon gl-animated-icon-on' : 'gl-animated-icon gl-animated-icon-off';
34
+ },
35
+ iconVariantClass() {
36
+ return this.variant ? animatedIconVariantOptions[this.variant] : '';
24
37
  }
25
38
  }
26
39
  };
@@ -29,7 +42,7 @@ var script = {
29
42
  const __vue_script__ = script;
30
43
 
31
44
  /* 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"}})};
45
+ var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{class:[_vm.iconStateClass, _vm.iconVariantClass],attrs:{"aria-label":_vm.ariaLabel,"width":"16","height":"16","viewBox":"0 0 16 16","fill":"none","xmlns":"http://www.w3.org/2000/svg"}})};
33
46
  var __vue_staticRenderFns__ = [];
34
47
 
35
48
  /* style */