@vcita/design-system 0.6.21 → 0.6.22

package/CHANGELOG.MD

@@ -6,6 +6,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Unreleased changes
 
+### 0.6.22 (2022-05-31)
+- VcRadioGroup - fix tooltip slots
+
 ### 0.6.21 (2022-05-16)
 - VcRadioGroup - create
 - VcRadio - create

package/dist/@vcita/design-system.esm.js

@@ -1977,11 +1977,13 @@ var __vue_render__$I = function () {
     staticClass: "dark-tooltip",
     attrs: {
       "data-qa": _vm.dataQa + "-dark-content"
-    },
+    }
+  }, [_vm.header || _vm.content ? _c('span', {
+    staticClass: "inner-content",
     domProps: {
       "innerHTML": _vm._s(_vm.header + " " + _vm.content)
     }
-  }, [_vm._t("content")], 2) : _c('div', {
+  }) : _vm._e(), _vm._v(" "), _vm._t("content")], 2) : _c('div', {
     staticClass: "tooltip-wrapper",
     attrs: {
       "data-qa": _vm.dataQa + "-content"
@@ -1992,11 +1994,13 @@ var __vue_render__$I = function () {
   }, [_vm._v("\n             " + _vm._s(_vm.header) + "\n        ")]) : _vm._e(), _vm._v(" "), _c('div', {
     staticClass: "tooltip-content"
   }, [_c('div', {
-    staticClass: "content-text",
+    staticClass: "content-text"
+  }, [_vm.content ? _c('span', {
+    staticClass: "inner-content",
     domProps: {
       "innerHTML": _vm._s(_vm.content)
     }
-  }, [_vm._t("content")], 2)])])])], 1);
+  }) : _vm._e(), _vm._v(" "), _vm._t("content")], 2)])])])], 1);
 };
 
 var __vue_staticRenderFns__$I = [];
@@ -2004,8 +2008,8 @@ var __vue_staticRenderFns__$I = [];
 
 const __vue_inject_styles__$I = function (inject) {
   if (!inject) return;
-  inject("data-v-26c322fe_0", {
-    source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-tooltip{opacity:1!important;padding:0;border-radius:var(--border-radius)}.vc-tooltip .dark-tooltip{background-color:rgba(0,0,0,.97);font-size:var(--size-value3);font-weight:400;border-radius:var(--size-value1);padding:var(--size-value2)}.vc-tooltip .tooltip-wrapper{background:var(--modal-bg-color);box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.06);border-radius:var(--border-radius)}.vc-tooltip .tooltip-wrapper .tooltip-header{color:var(--gray-darken-5);font-size:var(--font-size-small2);border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:var(--font-weight-large);padding:var(--size-value3) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-header.alert{background-color:var(--red-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-header.information{background-color:var(--blue-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-content{display:block;font-size:var(--font-size-x-small);padding:var(--size-value3) var(--size-value4) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-content .content-text{color:var(--gray-darken-5);max-width:fit-content;min-width:250px;word-wrap:break-word}",
+  inject("data-v-4def565c_0", {
+    source: ":root{--primary-font-family:Montserrat;--font-size-xxx-small:9px;--font-size-xx-small:12px;--font-size-x-small:13px;--font-size-small:14px;--font-size-small2:15px;--font-size-small3:17px;--font-size-medium:18px;--font-size-medium1:22px;--font-size-medium2:24px;--font-size-large:28px;--font-weight-light:300;--font-weight-medium:400;--font-weight-medium2:500;--font-weight-large:600;--font-weight-large2:700;--font-weight-xl:800;--letter-spacing:0.003em;--size-value0:0px;--size-value1:4px;--size-value2:8px;--size-value3:12px;--size-value4:16px;--size-value5:20px;--size-value6:24px;--size-value7:28px;--size-value8:32px;--size-value9:36px;--size-value10:40px;--size-value11:44px;--size-value12:48px;--size-value13:52px;--size-value14:56px;--size-value15:60px;--size-value16:64px;--size-value17:68px;--size-value18:72px;--size-value19:76px;--size-value20:80px;--border-radius:6px;--border-frame:1px solid #e0e0e0;--border-focused-frame:1px solid var(--v-secondary-base);--shadow-focused-frame:0px 0px 0px 3px var(--v-secondary-lighten1);--popover-width:360px;--popover-max-height:464px;--popover-border-radius:10px;--modal-desktop-offset:-112px;--modal-bg-color:#ffffff;--modal-box-shadow:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--modal-border-radius:10px;--modal-width-small:384px;--modal-width-medium:576px;--modal-width-large:816px;--modal-width-x-large:972px;--avatar-x-sm:24px;--avatar-sm:32px;--avatar-md:40px;--avatar-lg:48px;--dropzone-active-border-color:#1e93b7;--dropzone-active-second-border-color:#95cddb;--gray-darken-5:#212121;--gray-darken-4:#616161;--gray-darken-3:#757575;--gray-darken-2:#999999;--gray-darken-1:#b3b3b3;--gray:#cccccc;--gray-lighten-1:#e0e0e0;--gray-lighten-2:#ededed;--gray-lighten-3:#f7f7f7;--gray-lighten-4:#fafafa;--neutral:#586E8C;--neutral-lighten-1:#D6DBE6;--neutral-lighten-2:#EAEDF2;--neutral-lighten-3:#F8F9FB;--red:#F2514A;--red-lighten-1:#F79792;--red-lighten-2:#FBCBC9;--red-lighten-3:#FDE8E7;--yellow:#FFC511;--yellow-lighten-1:#FFDC70;--yellow-lighten-2:#FFEDB8;--yellow-lighten-3:#FFF7E0;--green:#54D28C;--green-lighten-1:#98E4BA;--green-lighten-2:#CFF8E1;--green-lighten-3:#EAFCF2;--blue:#478FFF;--blue-lighten-1:#91BCFF;--blue-lighten-2:#C8DDFF;--blue-lighten-3:#E7F0FF;--orange:#FF8F00;--orange-lighten-1:#FCB965;--orange-lighten-2:#FAD9B0;--orange-lighten-3:#F9EBDA;--shadow-1:0px 1px 4px rgba(0, 0, 0, 0.11);--shadow-2:0px 2px 5px rgba(0, 0, 0, 0.1),0px 2px 2px rgba(0, 0, 0, 0.06),0px 3px 1px -2px rgba(0, 0, 0, 0.06);--shadow-3:0px 3px 2px rgba(0, 0, 0, 0.101961);--shadow-4:0px 1px 1px rgba(0, 0, 0, 0.06),0px 3px 8px rgba(0, 0, 0, 0.15);--shadow-5:0px 4px 18px rgba(0, 0, 0, 0.1);--shadow-6:0px 1px 10px rgba(0, 0, 0, 0.12),0px 4px 7px rgba(0, 0, 0, 0.14),0px 2px 4px -1px rgba(0, 0, 0, 0.2);--shadow-7:0px 3px 5px -1px rgba(0, 0, 0, 0.2),0px 6px 10px rgba(0, 0, 0, 0.14),0px 1px 18px rgba(0, 0, 0, 0.12);--shadow-8:0px 5px 7px 3px rgba(0, 0, 0, 0.26);--shadow-9:0px 7px 8px -4px rgba(0, 0, 0, 0.2),2px 13px 19px 2px rgba(0, 0, 0, 0.14),0px 5px 24px rgba(0, 0, 0, 0.12);--shadow-10:0px 4px 8px #cccccc}.vc-tooltip{opacity:1!important;padding:0;border-radius:var(--border-radius)}.vc-tooltip .dark-tooltip{background-color:rgba(0,0,0,.97);font-size:var(--size-value3);font-weight:400;border-radius:var(--size-value1);padding:var(--size-value2)}.vc-tooltip .tooltip-wrapper{background:var(--modal-bg-color);box-shadow:0 5px 5px -3px rgba(0,0,0,.1),0 8px 10px 1px rgba(0,0,0,.06),0 3px 14px 2px rgba(0,0,0,.06);border-radius:var(--border-radius)}.vc-tooltip .tooltip-wrapper .tooltip-header{color:var(--gray-darken-5);font-size:var(--font-size-small2);border-radius:var(--border-radius) var(--border-radius) 0 0;font-weight:var(--font-weight-large);padding:var(--size-value3) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-header.alert{background-color:var(--red-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-header.information{background-color:var(--blue-lighten-3)}.vc-tooltip .tooltip-wrapper .tooltip-content{display:block;font-size:var(--font-size-x-small);padding:var(--size-value3) var(--size-value4) var(--size-value4)}.vc-tooltip .tooltip-wrapper .tooltip-content .content-text{color:var(--gray-darken-5);max-width:fit-content;min-width:250px;word-wrap:break-word}.vc-tooltip .inner-content{display:contents}",
     map: undefined,
     media: undefined
   });
@@ -7817,6 +7821,10 @@ var script$2 = {
     },
     tooltipProps: {
       type: Object
+    },
+    dataQa: {
+      type: String,
+      default: ''
     }
   }
 };
@@ -7849,7 +7857,7 @@ var __vue_render__$2 = function () {
         return [_c('span', {
           staticClass: "label-container",
           attrs: {
-            "data-qa": "radio-" + _vm.value
+            "data-qa": _vm.dataQa || "radio-" + _vm.value
           }
         }, [_vm.icon ? _c('vc-icon', {
           staticClass: "radio-icon"
@@ -7858,8 +7866,15 @@ var __vue_render__$2 = function () {
             staticClass: "radio-label"
           }, [_vm._v("\n          " + _vm._s(_vm.label) + "\n        ")]) : _vm._e()];
         }), _vm._v(" "), _vm.tooltipProps ? _c('vc-tooltip', _vm._b({
-          staticClass: "radio-tooltip"
-        }, 'vc-tooltip', _vm.tooltipProps, false), [[_vm._t("tooltip-content")]], 2) : _vm._e()], 2)];
+          staticClass: "radio-tooltip",
+          scopedSlots: _vm._u([{
+            key: "content",
+            fn: function () {
+              return [_vm._t("tooltip-content")];
+            },
+            proxy: true
+          }], null, true)
+        }, 'vc-tooltip', _vm.tooltipProps, false)) : _vm._e()], 2)];
       },
       proxy: true
     }], null, true)
@@ -7871,8 +7886,8 @@ var __vue_staticRenderFns__$2 = [];
 
 const __vue_inject_styles__$2 = function (inject) {
   if (!inject) return;
-  inject("data-v-073b5702_0", {
-    source: ".label-container[data-v-073b5702]{margin-inline-start:var(--size-value2)}.radio-label[data-v-073b5702]{color:var(--gray-darken-5);font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.radio-icon[data-v-073b5702]{margin-inline-start:var(--size-value2);font-size:var(--size-value4)}.radio-icon[data-v-073b5702]  .v-icon__component{height:var(--size-value4);width:var(--size-value4)}.radio-tooltip[data-v-073b5702]{height:var(--size-value5);margin-inline-start:var(--size-value2)}.radio-tooltip[data-v-073b5702]  .v-icon__component{width:var(--size-value4)}.vc-radio[data-v-073b5702]{margin:0;margin-bottom:auto}.vc-radio.v-input--radio-group--column[data-v-073b5702]  .v-radio:not(:last-child):not(:only-child){margin-bottom:var(--size-value4)}.vc-radio[data-v-073b5702]  .v-input--selection-controls__ripple{inset-inline-start:-9px;top:calc(50% - 17px);width:var(--size-value5);height:var(--size-value5)}.vc-radio[data-v-073b5702]  .v-input--selection-controls__input{margin:0;padding:0;margin-bottom:auto;height:var(--size-value5);width:var(--size-value4)}.vc-radio[data-v-073b5702]  .v-input--selection-controls__input .v-icon{font-size:var(--font-size-medium)}",
+  inject("data-v-729dbbdc_0", {
+    source: ".label-container[data-v-729dbbdc]{margin-inline-start:var(--size-value2)}.radio-label[data-v-729dbbdc]{color:var(--gray-darken-5);font-weight:var(--font-weight-medium2);font-size:var(--font-size-x-small)}.radio-icon[data-v-729dbbdc]{margin-inline-start:var(--size-value2);font-size:var(--size-value4)}.radio-icon[data-v-729dbbdc]  .v-icon__component{height:var(--size-value4);width:var(--size-value4)}.radio-tooltip[data-v-729dbbdc]{height:var(--size-value5);margin-inline-start:var(--size-value2)}.radio-tooltip[data-v-729dbbdc]  .v-icon__component{width:var(--size-value4)}.vc-radio[data-v-729dbbdc]{margin:0;margin-bottom:auto}.vc-radio.v-input--radio-group--column[data-v-729dbbdc]  .v-radio:not(:last-child):not(:only-child){margin-bottom:var(--size-value4)}.vc-radio[data-v-729dbbdc]  .v-input--selection-controls__ripple{inset-inline-start:-9px;top:calc(50% - 17px);width:var(--size-value5);height:var(--size-value5)}.vc-radio[data-v-729dbbdc]  .v-input--selection-controls__input{margin:0;padding:0;margin-bottom:auto;height:var(--size-value5);width:var(--size-value4)}.vc-radio[data-v-729dbbdc]  .v-input--selection-controls__input .v-icon{font-size:var(--font-size-medium)}",
     map: undefined,
     media: undefined
   });
@@ -7880,7 +7895,7 @@ const __vue_inject_styles__$2 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$2 = "data-v-073b5702";
+const __vue_scope_id__$2 = "data-v-729dbbdc";
 /* module identifier */
 
 const __vue_module_identifier__$2 = undefined;
@@ -7971,7 +7986,7 @@ var __vue_render__$1 = function () {
         },
         proxy: true
       }, {
-        key: "content",
+        key: "tooltip-content",
         fn: function () {
           return [_vm._t("tooltip-content-" + item.value)];
         },
@@ -7986,8 +8001,8 @@ var __vue_staticRenderFns__$1 = [];
 
 const __vue_inject_styles__$1 = function (inject) {
   if (!inject) return;
-  inject("data-v-552977c8_0", {
-    source: ".vc-radio-buttons[data-v-552977c8]{margin:0;padding:0}.vc-radio-buttons.v-input--radio-group--column[data-v-552977c8]  .v-radio:not(:last-child):not(:only-child){margin-bottom:var(--size-value4)}.vc-title[data-v-552977c8]{color:var(--gray-darken-5);margin-bottom:var(--size-value2);font-weight:var(--font-weight-large);font-size:var(--size-value3);line-height:var(--size-value4)}",
+  inject("data-v-0bf8cc5c_0", {
+    source: ".vc-radio-buttons[data-v-0bf8cc5c]{margin:0;padding:0}.vc-radio-buttons.v-input--radio-group--column[data-v-0bf8cc5c]  .v-radio:not(:last-child):not(:only-child){margin-bottom:var(--size-value4)}.vc-title[data-v-0bf8cc5c]{color:var(--gray-darken-5);margin-bottom:var(--size-value2);font-weight:var(--font-weight-large);font-size:var(--size-value3);line-height:var(--size-value4)}",
     map: undefined,
     media: undefined
   });
@@ -7995,7 +8010,7 @@ const __vue_inject_styles__$1 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$1 = "data-v-552977c8";
+const __vue_scope_id__$1 = "data-v-0bf8cc5c";
 /* module identifier */
 
 const __vue_module_identifier__$1 = undefined;