q2-tecton-elements 1.16.3 → 1.17.0

package/dist/cjs/q2-tooltip.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0128397d.js');
 
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.tooltipped{--comp-background:var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.85))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-animation-duration, var(--t-tooltip-animation-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-animation-visible-duration, var(--t-tooltip-animation-visible-duration, 2s));position:relative}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltipped:before{position:absolute;z-index:1000001;width:0;height:0;color:var(--comp-background);pointer-events:none;content:\"\";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltipped:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1000000;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:600;font-size:12px;line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:3px}.tooltipped[label][stencil-hydrated]:after{content:attr(label)}.tooltipped:before,.tooltipped:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out 0s}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{text-decoration:none;visibility:visible;opacity:1}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after{transition:all var(--comp-duration) ease-in-out}.tooltipped:hover:before,.tooltipped:hover:after{transition-delay:1s}.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:hover:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:hover:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:active:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:active:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after{display:none}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus-within:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus-within:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after{display:none}.tooltipped-multiline:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-multiline:focus-within:after{display:table-cell}.tooltipped-sticky:before,.tooltipped-sticky:after{display:inline-block}.tooltipped-sticky.tooltipped-multiline:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:var(--comp-position)}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}.tooltipped-se:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-sw:after{margin-right:var(--comp-body-offset)}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}.tooltipped-ne:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-nw:after{margin-right:var(--comp-body-offset)}.tooltipped-s:after,.tooltipped-n:after{transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}.tooltipped-e:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}.phone .tooltipped:not(.tooltip-popover):hover:before,.phone .tooltipped:not(.tooltip-popover):hover:after,.phone .tooltipped:not(.tooltip-popover):active:before,.phone .tooltipped:not(.tooltip-popover):active:after,.phone .tooltipped:not(.tooltip-popover):focus:before,.phone .tooltipped:not(.tooltip-popover):focus:after,.phone .tooltipped:not(.tooltip-popover):focus-within:before,.phone .tooltipped:not(.tooltip-popover):focus-within:after,.tablet .tooltipped:not(.tooltip-popover):hover:before,.tablet .tooltipped:not(.tooltip-popover):hover:after,.tablet .tooltipped:not(.tooltip-popover):active:before,.tablet .tooltipped:not(.tooltip-popover):active:after,.tablet .tooltipped:not(.tooltip-popover):focus:before,.tablet .tooltipped:not(.tooltip-popover):focus:after,.tablet .tooltipped:not(.tooltip-popover):focus-within:before,.tablet .tooltipped:not(.tooltip-popover):focus-within:after{display:none}.q2-tooltip-container{display:inline-block;transition:all var(--comp-duration) ease-in-out 0s}.q2-tooltip-container.block{display:block}.q2-tooltip-container.persistent.tooltipped:before,.q2-tooltip-container.persistent.tooltipped:after{visibility:visible;opacity:1}";
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}:host{display:inline-block}.tooltipped{--comp-background:var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.85))));--comp-offset-default:calc(var(--app-scale-1x, 5px) * -1);--comp-offset:var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));--comp-position:var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));--comp-body-offset-default:calc(var(--app-scale-3x, 15px) * -1);--comp-body-offset:var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));--comp-duration:var(--tct-tooltip-animation-duration, var(--t-tooltip-animation-duration, var(--app-duration-1, 0.2s)));--comp-visible-duration:var(--tct-tooltip-animation-visible-duration, var(--t-tooltip-animation-visible-duration, 2s));position:relative}@keyframes tooltippedFade{from{opacity:0}to{opacity:1}}.tooltipped:before{position:absolute;z-index:1000001;width:0;height:0;color:var(--comp-background);pointer-events:none;content:\"\";border:var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent}.tooltipped:after{--comp-padding:var(--app-scale-1x, 5px) 8px;position:absolute;z-index:1000000;padding:var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));font-weight:600;font-size:12px;line-height:1.5;color:var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));text-align:center;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-wrap:break-word;white-space:pre;pointer-events:none;content:attr(aria-label);background:var(--comp-background);border-radius:3px}.tooltipped[label][stencil-hydrated]:after{content:attr(label)}.tooltipped:before,.tooltipped:after{display:inline-block;visibility:hidden;opacity:0;transition:all var(--comp-duration) ease-in-out 0s}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after,.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{text-decoration:none;visibility:visible;opacity:1}.tooltipped:hover:before,.tooltipped:hover:after,.tooltipped:active:before,.tooltipped:active:after{transition:all var(--comp-duration) ease-in-out}.tooltipped:hover:before,.tooltipped:hover:after{transition-delay:1s}.tooltipped:focus:before,.tooltipped:focus:after,.tooltipped:focus-within:before,.tooltipped:focus-within:after{animation-timing-function:ease-in-out;animation-fill-mode:forwards;animation-name:tooltippedFade, tooltippedFade;animation-direction:normal, reverse;animation-duration:var(--comp-duration);animation-delay:0ms, calc(var(--comp-visible-duration) + var(--comp-duration))}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:hover:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:hover:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:active:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:active:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):active:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after{display:none}.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before,.tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus-within:before,.tooltipped:not([stencil-hydrated])[aria-label=\"\"]:focus-within:after,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before,.tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after{display:none}.tooltipped-multiline:after{width:max-content;max-width:var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));word-break:break-word;word-wrap:normal;white-space:pre-line;border-collapse:separate;text-align:left}.tooltipped-multiline.tooltipped-s:after,.tooltipped-multiline.tooltipped-n:after{right:auto;left:50%;transform:translateX(-50%)}.tooltipped-multiline.tooltipped-w:after,.tooltipped-multiline.tooltipped-e:after{right:100%}.tooltipped-multiline:hover:after,.tooltipped-multiline:active:after,.tooltipped-multiline:focus:after{display:table-cell}.tooltipped-multiline:focus-within:after{display:table-cell}.tooltipped-sticky:before,.tooltipped-sticky:after{display:inline-block}.tooltipped-sticky.tooltipped-multiline:after{display:table-cell}.tooltipped-s:after,.tooltipped-se:after,.tooltipped-sw:after{top:100%;right:50%;margin-top:var(--comp-position)}.tooltipped-s:before,.tooltipped-se:before,.tooltipped-sw:before{top:auto;right:50%;bottom:var(--comp-offset);margin-right:var(--comp-offset);border-bottom-color:var(--comp-background)}.tooltipped-se:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-sw:after{margin-right:var(--comp-body-offset)}.tooltipped-n:after,.tooltipped-ne:after,.tooltipped-nw:after{right:50%;bottom:100%;margin-bottom:var(--comp-position)}.tooltipped-n:before,.tooltipped-ne:before,.tooltipped-nw:before{top:var(--comp-offset);right:50%;bottom:auto;margin-right:var(--comp-offset);border-top-color:var(--comp-background)}.tooltipped-ne:after{right:auto;left:50%;margin-left:var(--comp-body-offset)}.tooltipped-nw:after{margin-right:var(--comp-body-offset)}.tooltipped-s:after,.tooltipped-n:after{transform:translateX(50%)}.tooltipped-w:after{right:100%;bottom:50%;margin-right:var(--comp-position);transform:translateY(50%)}.tooltipped-w:before{top:50%;bottom:50%;left:var(--comp-offset);margin-top:var(--comp-offset);border-left-color:var(--comp-background)}.tooltipped-e:after{bottom:50%;left:100%;margin-left:var(--comp-position);transform:translateY(50%)}.tooltipped-e:before{top:50%;right:var(--comp-offset);bottom:50%;margin-top:var(--comp-offset);border-right-color:var(--comp-background)}.phone .tooltipped:not(.tooltip-popover):hover:before,.phone .tooltipped:not(.tooltip-popover):hover:after,.phone .tooltipped:not(.tooltip-popover):active:before,.phone .tooltipped:not(.tooltip-popover):active:after,.phone .tooltipped:not(.tooltip-popover):focus:before,.phone .tooltipped:not(.tooltip-popover):focus:after,.phone .tooltipped:not(.tooltip-popover):focus-within:before,.phone .tooltipped:not(.tooltip-popover):focus-within:after,.tablet .tooltipped:not(.tooltip-popover):hover:before,.tablet .tooltipped:not(.tooltip-popover):hover:after,.tablet .tooltipped:not(.tooltip-popover):active:before,.tablet .tooltipped:not(.tooltip-popover):active:after,.tablet .tooltipped:not(.tooltip-popover):focus:before,.tablet .tooltipped:not(.tooltip-popover):focus:after,.tablet .tooltipped:not(.tooltip-popover):focus-within:before,.tablet .tooltipped:not(.tooltip-popover):focus-within:after{display:none}.q2-tooltip-container{display:inline-block;transition:all var(--comp-duration) ease-in-out 0s}.q2-tooltip-container.block{display:block}.q2-tooltip-container.persistent.tooltipped:before,.q2-tooltip-container.persistent.tooltipped:after{visibility:visible;opacity:1}";
 
 const Q2Tooltip = class {
   constructor(hostRef) {

package/dist/cjs/tecton-tab-pane.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-0128397d.js');
 
-const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";
+const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit;font-stretch:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.tab-pane[aria-hidden=true]{display:none}.tab-pane:focus{outline:none;box-shadow:none}.loading-wrapper{height:44px;width:100%;align-items:center;justify-content:center}.loading-wrapper:not([hidden]){display:flex}iframe{width:100%;height:auto;overflow-y:hidden;border:none}iframe:not([hidden]){display:inline-block}.slot-wrapper:focus{outline:none;box-shadow:var(--const-global-focus)}";
 
 const TectonTabPane = class {
   constructor(hostRef) {

package/dist/collection/collection-manifest.json

@@ -5,6 +5,7 @@
     "./components/q2-carousel/index.js",
     "./components/q2-checkbox/index.js",
     "./components/q2-dropdown/index.js",
+    "./components/q2-chart-donut/index.js",
     "./components/q2-option-list/index.js",
     "./components/q2-stepper-pane/index.js",
     "./components/q2-dropdown-item/index.js",
@@ -19,7 +20,6 @@
     "./components/q2-badge/index.js",
     "./components/q2-card/index.js",
     "./components/q2-carousel-pane/index.js",
-    "./components/q2-chart-donut/index.js",
     "./components/q2-checkbox-group/index.js",
     "./components/q2-icon/index.js",
     "./components/q2-loading/skeleton/q2-loading-element/index.js",

package/dist/collection/components/q2-avatar/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-badge/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-btn/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-calendar/helpers.js

@@ -88,7 +88,8 @@ export function stringToDate(date) {
 }
 export function removeTimezoneOffset(date) {
   const timeZoneOffset = date.getTimezoneOffset();
-  return setMinutes(date, timeZoneOffset);
+  // Minutes compensation for some timezones like India, Central Australia and etc use  GMT+5:30, GMT+9:30
+  return setMinutes(date, timeZoneOffset + Math.abs(timeZoneOffset % 60));
 }
 export function stringArrayToDate(dateArray) {
   if (!Array.isArray(dateArray) || dateArray.length === 0) {
@@ -97,9 +98,8 @@ export function stringArrayToDate(dateArray) {
   return dateArray.map(date => stringToDate(date));
 }
 export function setupMonthYear(value = new Date()) {
-  const monthIndex = Number(value.toISOString().split('-')[1]) - 1;
   return {
-    monthIndex,
+    monthIndex: value.getMonth(),
     selectedYear: value.getFullYear(),
   };
 }

package/dist/collection/components/q2-calendar/index.js

@@ -161,10 +161,17 @@ export class Q2Calendar {
       (_a = this.btnPrevMonth) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new FocusEvent('focus'));
     };
     this.goToMonthYear = (monthIndex, year) => {
-      const newYear = removeTimezoneOffset(new Date(year, monthIndex));
+      if (monthIndex < 0) {
+        monthIndex = 11;
+        year--;
+      }
+      else if (monthIndex > 11) {
+        monthIndex = 0;
+        year++;
+      }
       this.selectedMonthYear = {
-        monthIndex: newYear.getMonth(),
-        selectedYear: newYear.getFullYear(),
+        monthIndex,
+        selectedYear: year,
       };
       this.dateList = this.buildDateList(this.selectedMonthYear);
       this.scheduledAfterRender.push(() => this.checkActiveCellForBlankness());
@@ -488,7 +495,7 @@ export class Q2Calendar {
   }
   generateDateFromDay(day) {
     const { monthIndex, selectedYear } = this.selectedMonthYear;
-    return removeTimezoneOffset(new Date(selectedYear, monthIndex, day));
+    return new Date(selectedYear, monthIndex, day);
   }
   activateDay(date) {
     this.goToMonthYear(date.getMonth(), date.getFullYear());

package/dist/collection/components/q2-calendar/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-card/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-carousel/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-carousel-pane/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-chart-donut/index.js

@@ -10,6 +10,7 @@ export class Q2ChartDonut {
   constructor() {
     this.innerRadius = '70%';
     this.outerRadius = '85%';
+    this.minSliceSize = '2.5%';
     this.selectedOffset = 10;
     this.hoverScaleSize = 5;
     this.data = [];
@@ -187,6 +188,18 @@ export class Q2ChartDonut {
       }, 0);
     });
   }
+  cleanData(data) {
+    const { minSliceSize } = this;
+    const minSize = parseFloat(minSliceSize || '2.5%') / 100;
+    const total = data.reduce((acc, cur) => acc + cur.value, 0);
+    const minValue = total * minSize;
+    const newData = data.map(item => {
+      if (item.value < minValue)
+        return Object.assign(Object.assign({}, item), { value: minValue });
+      return item;
+    });
+    return newData;
+  }
   updateChart(chart) {
     return chart.setOption({
       tooltip: {
@@ -224,7 +237,7 @@ export class Q2ChartDonut {
               color: 'inherit',
             },
           },
-          data: this.data,
+          data: this.cleanData(this.data),
         },
       ],
     });
@@ -312,7 +325,11 @@ export class Q2ChartDonut {
       : null;
     return (h("div", { class: "center-card-container", style: { width: `calc(${this.innerRadius} - 10%)` } },
       h(TagName, Object.assign({ class: "center-card", "test-id": "centerCard" }, props),
-        icon && (h("q2-icon", { type: icon, style: color && { color } })),
+        icon && (h("q2-icon", { type: icon, style: color && {
+            '--tct-icon-stroke-primary': color,
+            '--tct-icon-stroke-secondary': color,
+            color,
+          } })),
         name && h("div", { class: "name" }, name),
         value && h("div", { class: "value" }, displayValue))));
   }
@@ -418,6 +435,24 @@ export class Q2ChartDonut {
       "reflect": false,
       "defaultValue": "'85%'"
     },
+    "minSliceSize": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "min-slice-size",
+      "reflect": false,
+      "defaultValue": "'2.5%'"
+    },
     "selectedOffset": {
       "type": "number",
       "mutable": false,
@@ -492,9 +527,13 @@ export class Q2ChartDonut {
       "type": "unknown",
       "mutable": false,
       "complexType": {
-        "original": "{ id: string; value: number; name: string; icon?: string; color?: string }[]",
-        "resolved": "{ id: string; value: number; name: string; icon?: string; color?: string; }[]",
-        "references": {}
+        "original": "IChartData[]",
+        "resolved": "IChartData[]",
+        "references": {
+          "IChartData": {
+            "location": "local"
+          }
+        }
       },
       "required": false,
       "optional": false,
@@ -606,6 +645,9 @@ export class Q2ChartDonut {
     }, {
       "propName": "outerRadius",
       "methodName": "propsUpdates"
+    }, {
+      "propName": "minSliceSize",
+      "methodName": "propsUpdates"
     }, {
       "propName": "hoverScaleSize",
       "methodName": "propsUpdates"

package/dist/collection/components/q2-chart-donut/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-checkbox/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-checkbox-group/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-dropdown/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-dropdown-item/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-editable-field/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-icon/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-input/index.js

@@ -204,6 +204,12 @@ export class Q2Input {
       return (this.type && inputTypeMap[this.type]) || 'text';
     }
   }
+  get computedAutocomplete() {
+    // force off for currenty type
+    if (this.type === 'currency')
+      return 'transaction-amount';
+    return this.autocomplete || 'off';
+  }
   get computedIconLeft() {
     if (this.formattedValueObject.prefix) {
       return;
@@ -326,7 +332,7 @@ export class Q2Input {
     return (h(Fragment, null,
       hasCustomDisplaySlot && (h("div", { class: "custom-display-container" },
         h("slot", { name: "custom-display" }))),
-      h("input", { class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-controls": (this.ariaControls && `${this.ariaControls}`) || undefined, "aria-owns": (this.ariaOwns && `${this.ariaOwns}`) || undefined, "aria-haspopup": (this.ariaHaspopup && `${this.ariaHaspopup}`) || undefined, "aria-expanded": (!!this.ariaExpanded && `${!!this.ariaExpanded}`) || undefined, "aria-activedescendant": this.ariaActivedescendant && `${this.ariaActivedescendant}`, "aria-label": this.hideLabel && this.label ? loc(this.label) : undefined, autocomplete: this.autocomplete ? this.autocomplete : 'off', autocapitalize: this.autocapitalize === 'on' ? 'on' : 'off', autocorrect: this.autocorrect === 'on' ? 'on' : 'off', placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: (this.role && `${this.role}`) || undefined, "test-id": "inputField", readonly: !!this.readonly, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste })));
+      h("input", { class: inputClasses.join(' '), id: this.inputId, type: this.computedType, size: this.formattedValueObject.prefix ? 10 : undefined, max: this.max, min: this.min, step: this.step, "aria-current": this.current || undefined, "aria-describedby": this.inputDescribedBy, "aria-required": `${!this.optional}`, "aria-invalid": `${this.hasError}`, "aria-controls": (this.ariaControls && `${this.ariaControls}`) || undefined, "aria-owns": (this.ariaOwns && `${this.ariaOwns}`) || undefined, "aria-haspopup": (this.ariaHaspopup && `${this.ariaHaspopup}`) || undefined, "aria-expanded": (!!this.ariaExpanded && `${!!this.ariaExpanded}`) || undefined, "aria-activedescendant": this.ariaActivedescendant && `${this.ariaActivedescendant}`, "aria-label": this.hideLabel && this.label ? loc(this.label) : undefined, autocomplete: this.computedAutocomplete, autocapitalize: this.autocapitalize === 'on' ? 'on' : 'off', autocorrect: this.autocorrect === 'on' ? 'on' : 'off', placeholder: (this.placeholder && loc(this.placeholder)) || undefined, role: (this.role && `${this.role}`) || undefined, "test-id": "inputField", readonly: !!this.readonly, disabled: !!this.disabled, onFocus: this.onInputFocus, onBlur: this.onInputBlur, onKeyDown: this.onInputKeydown, onInput: this.onInputInput, onPaste: this.onInputPaste })));
   }
   /* tslint:enable:cyclomatic-complexity */
   pseudoInputDOM() {

package/dist/collection/components/q2-input/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-loading/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-loc/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-message/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-optgroup/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-option/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-option-list/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-pagination/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-pill/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-radio/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),

package/dist/collection/components/q2-radio-group/index.js

@@ -122,7 +122,7 @@ export class Q2RadioGroup {
       showLabelRow && (h("div", { class: "label-row" },
         showLabel && h("div", { class: "group-legend" }, this.labelDOM()),
         hasError && (h("q2-icon", { type: "error", "test-id": "iconError" })))),
-      h("fieldset", { onChange: this.onInnerRadioChange, "aria-required": `${!this.optional}`, "aria-readonly": `${this.readonly}` },
+      h("fieldset", { onChange: this.onInnerRadioChange, "aria-required": `${!this.optional}`, "aria-readonly": `${this.readonly}`, "aria-invalid": `${this.hasError}` },
         showLabel && h("legend", { class: "sr" }, this.labelDOM()),
         this.inputDom())));
   }

package/dist/collection/components/q2-radio-group/styles.css

@@ -24,6 +24,7 @@ textarea,
 button {
   font-family: inherit;
   font-size: inherit;
+  font-stretch: inherit;
 }
 
 :host(.sr),
@@ -120,6 +121,9 @@ fieldset {
 :host([has-error]) .options-container {
   border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));
 }
+:host([has-error=false]) .options-container {
+  border-color: transparent;
+}
 
 .tile-container.left {
   justify-content: start;