genesys-spark-components 3.26.1 → 3.26.4

package/dist/cjs/gux-visualization-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$2 = require('./index-262c2e3a.js');
 const _commonjsHelpers = require('./_commonjsHelpers-537d719a.js');
 const index$3 = require('./index-13101536.js');
-const usageTracking = require('./usage-tracking-202d8fb5.js');
+const usageTracking = require('./usage-tracking-00a6c336.js');
 require('./get-closest-element-ab4b2eee.js');
 
 /*!
@@ -46362,7 +46362,8 @@ const scripts$1 = {
 	"watch:site": "yarn build:site -w",
 	"watch:test": "yarn jest --watch test/",
 	"watch:test:runtime": "NODE_OPTIONS=--experimental-vm-modules TZ=America/Los_Angeles npx jest --watch test-runtime/ --config test-runtime/jest-config.json",
-	release: "yarn run prebuild && yarn build && auto shipit"
+	release: "yarn run prebuild && yarn build && yarn shipit",
+	shipit: "auto shipit"
 };
 const repository$1 = {
 	type: "git",
@@ -46397,7 +46398,7 @@ const devDependencies$1 = {
 	cheerio: "^1.0.0-rc.10",
 	"conventional-changelog-cli": "^2.2.2",
 	d3: "^7.4.4",
-	"del-cli": "^4.0.1",
+	"del-cli": "^5.0.0",
 	eslint: "^8.11.0",
 	"eslint-config-prettier": "^8.5.0",
 	"eslint-plugin-jest": "^26.1.1",
@@ -49607,35 +49608,48 @@ function formatSignalRef({ fieldOrDatumDef, format, formatType, expr, normalizeS
     }
     const field = fieldToFormat(fieldOrDatumDef, expr, normalizeStack);
     const type = channelDefType(fieldOrDatumDef);
-    if (normalizeStack &&
-        type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.normalizedNumberFormatType) {
-        return formatCustomType({
-            fieldOrDatumDef,
-            format: config.normalizedNumberFormat,
-            formatType: config.normalizedNumberFormatType,
-            expr,
-            config
-        });
-    }
-    if (type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.numberFormatType) {
-        return formatCustomType({
-            fieldOrDatumDef,
-            format: config.numberFormat,
-            formatType: config.numberFormatType,
-            expr,
-            config
-        });
+    if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (type === 'quantitative') {
+            if (normalizeStack && config.normalizedNumberFormatType)
+                return formatCustomType({
+                    fieldOrDatumDef,
+                    format: config.normalizedNumberFormat,
+                    formatType: config.normalizedNumberFormatType,
+                    expr,
+                    config
+                });
+            if (config.numberFormatType) {
+                return formatCustomType({
+                    fieldOrDatumDef,
+                    format: config.numberFormat,
+                    formatType: config.numberFormatType,
+                    expr,
+                    config
+                });
+            }
+        }
+        if (type === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.timeUnit === undefined) {
+            return formatCustomType({
+                fieldOrDatumDef,
+                format: config.timeFormat,
+                formatType: config.timeFormatType,
+                expr,
+                config
+            });
+        }
     }
     if (isFieldOrDatumDefForTimeFormat(fieldOrDatumDef)) {
-        const signal = timeFormatExpression(field, isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined, format, config.timeFormat, isScaleFieldDef(fieldOrDatumDef) && ((_b = fieldOrDatumDef.scale) === null || _b === void 0 ? void 0 : _b.type) === ScaleType.UTC);
+        const signal = timeFormatExpression({
+            field,
+            timeUnit: isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined,
+            format,
+            formatType: config.timeFormatType,
+            rawTimeFormat: config.timeFormat,
+            isUTCScale: isScaleFieldDef(fieldOrDatumDef) && ((_b = fieldOrDatumDef.scale) === null || _b === void 0 ? void 0 : _b.type) === ScaleType.UTC
+        });
         return signal ? { signal } : undefined;
     }
     format = numberFormat({ type, specifiedFormat: format, config, normalizeStack });
@@ -49688,17 +49702,16 @@ function guideFormat(fieldOrDatumDef, type, format, formatType, config, omitTime
     if (isCustomFormatType(formatType)) {
         return undefined; // handled in encode block
     }
-    else if (format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        channelDefType(fieldOrDatumDef) === 'quantitative') {
-        if (config.normalizedNumberFormatType &&
-            isPositionFieldOrDatumDef(fieldOrDatumDef) &&
-            fieldOrDatumDef.stack === 'normalize') {
-            return undefined; // handled in encode block
-        }
-        if (config.numberFormatType) {
-            return undefined; // handled in encode block
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (channelDefType(fieldOrDatumDef) === 'quantitative') {
+            if (config.normalizedNumberFormatType &&
+                isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+                fieldOrDatumDef.stack === 'normalize') {
+                return undefined; // handled in encode block
+            }
+            if (config.numberFormatType) {
+                return undefined; // handled in encode block
+            }
         }
     }
     if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
@@ -49712,7 +49725,10 @@ function guideFormat(fieldOrDatumDef, type, format, formatType, config, omitTime
     }
     if (isFieldOrDatumDefForTimeFormat(fieldOrDatumDef)) {
         const timeUnit = isFieldDef(fieldOrDatumDef) ? (_a = normalizeTimeUnit(fieldOrDatumDef.timeUnit)) === null || _a === void 0 ? void 0 : _a.unit : undefined;
-        return timeFormat(format, timeUnit, config, omitTimeFormatConfig);
+        if (timeUnit === undefined && config.customFormatTypes && config.timeFormatType) {
+            return undefined; // hanlded in encode block
+        }
+        return timeFormat({ specifiedFormat: format, timeUnit, config, omitTimeFormatConfig });
     }
     return numberFormat({ type, specifiedFormat: format, config });
 }
@@ -49743,7 +49759,7 @@ function numberFormat({ type, specifiedFormat, config, normalizeStack }) {
 /**
  * Returns time format for a fieldDef for use in guides.
  */
-function timeFormat(specifiedFormat, timeUnit, config, omitTimeFormatConfig) {
+function timeFormat({ specifiedFormat, timeUnit, config, omitTimeFormatConfig }) {
     if (specifiedFormat) {
         return specifiedFormat;
     }
@@ -49775,10 +49791,12 @@ function binFormatExpression(startField, endField, format, formatType, config) {
 /**
  * Returns the time expression used for axis/legend labels or text mark for a temporal field
  */
-function timeFormatExpression(field, timeUnit, format, rawTimeFormat, // should be provided only for actual text and headers, not axis/legend labels
-isUTCScale) {
+function timeFormatExpression({ field, timeUnit, format, formatType, rawTimeFormat, isUTCScale }) {
     if (!timeUnit || format) {
         // If there is no time unit, or if user explicitly specifies format for axis/legend/text.
+        if (!timeUnit && formatType) {
+            return `${formatType}(${field}, '${format}')`;
+        }
         format = isString(format) ? format : rawTimeFormat; // only use provided timeFormat if there is no timeUnit.
         return `${isUTCScale ? 'utc' : 'time'}Format(${field}, '${format}')`;
     }
@@ -55557,7 +55575,12 @@ function defaultSizeRef(sizeChannel, scaleName, scale, config, bandSize) {
         if (scale) {
             const scaleType = scale.get('type');
             if (scaleType === 'band') {
-                return { scale: scaleName, band: bandSize.band };
+                let bandWidth = `bandwidth('${scaleName}')`;
+                if (bandSize.band !== 1) {
+                    bandWidth = `${bandSize.band} * ${bandWidth}`;
+                }
+                // TODO(#8351): make 0.25 here configurable
+                return { signal: `max(0.25, ${bandWidth})` };
             }
             else if (bandSize.band !== 1) {
                 warn(cannotUseRelativeBandSizeWithNonBandScale(scaleType));
@@ -55614,6 +55637,7 @@ function positionAndSize(fieldDef, channel, model) {
             warn(cannotApplySizeToNonOrientedMark(markDef.type));
         }
     }
+    const hasSizeFromMarkOrEncoding = !!sizeMixins;
     // Otherwise, apply default value
     const bandSize = getBandSize({ channel, fieldDef, markDef, config, scaleType: scale === null || scale === void 0 ? void 0 : scale.get('type'), useVlSizeChannel });
     sizeMixins = sizeMixins || {
@@ -55627,7 +55651,7 @@ function positionAndSize(fieldDef, channel, model) {
       By default band is 1, so `(1 - band) / 2` = 0.
       If band is 0.6, the the x/y position in such case should be `(1 - band) / 2` = 0.2
      */
-    const defaultBandAlign = (scale === null || scale === void 0 ? void 0 : scale.get('type')) !== 'band' || !('band' in sizeMixins[vgSizeChannel]) ? 'middle' : 'top';
+    const defaultBandAlign = (scale === null || scale === void 0 ? void 0 : scale.get('type')) === 'band' && isRelativeBandSize(bandSize) && !hasSizeFromMarkOrEncoding ? 'top' : 'middle';
     const vgChannel = vgAlignedPositionChannel(channel, markDef, config, defaultBandAlign);
     const center = vgChannel === 'xc' || vgChannel === 'yc';
     const { offset, offsetType } = positionOffset({ channel, markDef, encoding, model, bandPosition: center ? 0.5 : 0 });
@@ -57528,18 +57552,28 @@ function labels$1(specifiedlabelsSpec, { fieldOrDatumDef, model, channel, legend
             config
         });
     }
-    else if (fieldOrDatumDef.type === 'quantitative' &&
-        format === undefined &&
-        formatType === undefined &&
-        config.customFormatTypes &&
-        config.numberFormatType) {
-        text = formatCustomType({
-            fieldOrDatumDef,
-            field: 'datum.value',
-            format: config.numberFormat,
-            formatType: config.numberFormatType,
-            config
-        });
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (fieldOrDatumDef.type === 'quantitative' && config.numberFormatType) {
+            text = formatCustomType({
+                fieldOrDatumDef,
+                field: 'datum.value',
+                format: config.numberFormat,
+                formatType: config.numberFormatType,
+                config
+            });
+        }
+        else if (fieldOrDatumDef.type === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            fieldOrDatumDef.timeUnit === undefined) {
+            text = formatCustomType({
+                fieldOrDatumDef,
+                field: 'datum.value',
+                format: config.timeFormat,
+                formatType: config.timeFormatType,
+                config
+            });
+        }
     }
     const labelsSpec = Object.assign(Object.assign(Object.assign({}, (opacity ? { opacity } : {})), (text ? { text } : {})), specifiedlabelsSpec);
     return isEmpty(labelsSpec) ? undefined : labelsSpec;
@@ -63908,27 +63942,38 @@ function labels(model, channel, specifiedLabelsSpec) {
                 config
             }) }, specifiedLabelsSpec);
     }
-    else if (format === undefined &&
-        formatType === undefined &&
-        channelDefType(fieldOrDatumDef) === 'quantitative' &&
-        config.customFormatTypes) {
-        if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
-            fieldOrDatumDef.stack === 'normalize' &&
-            config.normalizedNumberFormatType) {
-            return Object.assign({ text: formatCustomType({
-                    fieldOrDatumDef,
-                    field: 'datum.value',
-                    format: config.normalizedNumberFormat,
-                    formatType: config.normalizedNumberFormatType,
-                    config
-                }) }, specifiedLabelsSpec);
+    else if (format === undefined && formatType === undefined && config.customFormatTypes) {
+        if (channelDefType(fieldOrDatumDef) === 'quantitative') {
+            if (isPositionFieldOrDatumDef(fieldOrDatumDef) &&
+                fieldOrDatumDef.stack === 'normalize' &&
+                config.normalizedNumberFormatType) {
+                return Object.assign({ text: formatCustomType({
+                        fieldOrDatumDef,
+                        field: 'datum.value',
+                        format: config.normalizedNumberFormat,
+                        formatType: config.normalizedNumberFormatType,
+                        config
+                    }) }, specifiedLabelsSpec);
+            }
+            else if (config.numberFormatType) {
+                return Object.assign({ text: formatCustomType({
+                        fieldOrDatumDef,
+                        field: 'datum.value',
+                        format: config.numberFormat,
+                        formatType: config.numberFormatType,
+                        config
+                    }) }, specifiedLabelsSpec);
+            }
         }
-        else if (config.numberFormatType) {
+        if (channelDefType(fieldOrDatumDef) === 'temporal' &&
+            config.timeFormatType &&
+            isFieldDef(fieldOrDatumDef) &&
+            !fieldOrDatumDef.timeUnit) {
             return Object.assign({ text: formatCustomType({
                     fieldOrDatumDef,
                     field: 'datum.value',
-                    format: config.numberFormat,
-                    formatType: config.numberFormatType,
+                    format: config.timeFormat,
+                    formatType: config.timeFormatType,
                     config
                 }) }, specifiedLabelsSpec);
         }

package/dist/cjs/loader.cjs.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-262c2e3a.js');
 
 /*
- Stencil Client Patch Esm v2.17.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.17.4 | MIT Licensed | https://stenciljs.com
  */
 const patchEsm = () => {
     return index.promiseResolve();

package/dist/cjs/{popper-71bf3058.js → popper-11d5f714.js}

@@ -160,38 +160,57 @@ var max = Math.max;
 var min = Math.min;
 var round = Math.round;
 
-function getBoundingClientRect(element, includeScale) {
+function getUAString() {
+  var uaData = navigator.userAgentData;
+
+  if (uaData != null && uaData.brands) {
+    return uaData.brands.map(function (item) {
+      return item.brand + "/" + item.version;
+    }).join(' ');
+  }
+
+  return navigator.userAgent;
+}
+
+function isLayoutViewport() {
+  return !/^((?!chrome|android).)*safari/i.test(getUAString());
+}
+
+function getBoundingClientRect(element, includeScale, isFixedStrategy) {
   if (includeScale === void 0) {
     includeScale = false;
   }
 
-  var rect = element.getBoundingClientRect();
+  if (isFixedStrategy === void 0) {
+    isFixedStrategy = false;
+  }
+
+  var clientRect = element.getBoundingClientRect();
   var scaleX = 1;
   var scaleY = 1;
 
-  if (isHTMLElement(element) && includeScale) {
-    var offsetHeight = element.offsetHeight;
-    var offsetWidth = element.offsetWidth; // Do not attempt to divide by 0, otherwise we get `Infinity` as scale
-    // Fallback to 1 in case both values are `0`
-
-    if (offsetWidth > 0) {
-      scaleX = round(rect.width) / offsetWidth || 1;
-    }
-
-    if (offsetHeight > 0) {
-      scaleY = round(rect.height) / offsetHeight || 1;
-    }
+  if (includeScale && isHTMLElement(element)) {
+    scaleX = element.offsetWidth > 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;
+    scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;
   }
 
+  var _ref = isElement(element) ? getWindow(element) : window,
+      visualViewport = _ref.visualViewport;
+
+  var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;
+  var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;
+  var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;
+  var width = clientRect.width / scaleX;
+  var height = clientRect.height / scaleY;
   return {
-    width: rect.width / scaleX,
-    height: rect.height / scaleY,
-    top: rect.top / scaleY,
-    right: rect.right / scaleX,
-    bottom: rect.bottom / scaleY,
-    left: rect.left / scaleX,
-    x: rect.left / scaleX,
-    y: rect.top / scaleY
+    width: width,
+    height: height,
+    top: y,
+    right: x + width,
+    bottom: y + height,
+    left: x,
+    x: x,
+    y: y
   };
 }
 
@@ -286,8 +305,8 @@ function getTrueOffsetParent(element) {
 
 
 function getContainingBlock(element) {
-  var isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') !== -1;
-  var isIE = navigator.userAgent.indexOf('Trident') !== -1;
+  var isFirefox = /firefox/i.test(getUAString());
+  var isIE = /Trident/i.test(getUAString());
 
   if (isIE && isHTMLElement(element)) {
     // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport
@@ -708,31 +727,21 @@ function getWindowScrollBarX(element) {
   return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;
 }
 
-function getViewportRect(element) {
+function getViewportRect(element, strategy) {
   var win = getWindow(element);
   var html = getDocumentElement(element);
   var visualViewport = win.visualViewport;
   var width = html.clientWidth;
   var height = html.clientHeight;
   var x = 0;
-  var y = 0; // NB: This isn't supported on iOS <= 12. If the keyboard is open, the popper
-  // can be obscured underneath it.
-  // Also, `html.clientHeight` adds the bottom bar height in Safari iOS, even
-  // if it isn't open, so if this isn't available, the popper will be detected
-  // to overflow the bottom of the screen too early.
+  var y = 0;
 
   if (visualViewport) {
     width = visualViewport.width;
-    height = visualViewport.height; // Uses Layout Viewport (like Chrome; Safari does not currently)
-    // In Chrome, it returns a value very close to 0 (+/-) but contains rounding
-    // errors due to floating point numbers, so we need to check precision.
-    // Safari returns a number <= 0, usually < -1 when pinch-zoomed
-    // Feature detection fails in mobile emulation mode in Chrome.
-    // Math.abs(win.innerWidth / visualViewport.scale - visualViewport.width) <
-    // 0.001
-    // Fallback here: "Not Safari" userAgent
-
-    if (!/^((?!chrome|android).)*safari/i.test(navigator.userAgent)) {
+    height = visualViewport.height;
+    var layoutViewport = isLayoutViewport();
+
+    if (layoutViewport || !layoutViewport && strategy === 'fixed') {
       x = visualViewport.offsetLeft;
       y = visualViewport.offsetTop;
     }
@@ -826,8 +835,8 @@ function rectToClientRect(rect) {
   });
 }
 
-function getInnerBoundingClientRect(element) {
-  var rect = getBoundingClientRect(element);
+function getInnerBoundingClientRect(element, strategy) {
+  var rect = getBoundingClientRect(element, false, strategy === 'fixed');
   rect.top = rect.top + element.clientTop;
   rect.left = rect.left + element.clientLeft;
   rect.bottom = rect.top + element.clientHeight;
@@ -839,8 +848,8 @@ function getInnerBoundingClientRect(element) {
   return rect;
 }
 
-function getClientRectFromMixedType(element, clippingParent) {
-  return clippingParent === viewport ? rectToClientRect(getViewportRect(element)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
+function getClientRectFromMixedType(element, clippingParent, strategy) {
+  return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));
 } // A "clipping parent" is an overflowable container with the characteristic of
 // clipping (or hiding) overflowing elements with a position different from
 // `initial`
@@ -863,18 +872,18 @@ function getClippingParents(element) {
 // clipping parents
 
 
-function getClippingRect(element, boundary, rootBoundary) {
+function getClippingRect(element, boundary, rootBoundary, strategy) {
   var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);
   var clippingParents = [].concat(mainClippingParents, [rootBoundary]);
   var firstClippingParent = clippingParents[0];
   var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {
-    var rect = getClientRectFromMixedType(element, clippingParent);
+    var rect = getClientRectFromMixedType(element, clippingParent, strategy);
     accRect.top = max(rect.top, accRect.top);
     accRect.right = min(rect.right, accRect.right);
     accRect.bottom = min(rect.bottom, accRect.bottom);
     accRect.left = max(rect.left, accRect.left);
     return accRect;
-  }, getClientRectFromMixedType(element, firstClippingParent));
+  }, getClientRectFromMixedType(element, firstClippingParent, strategy));
   clippingRect.width = clippingRect.right - clippingRect.left;
   clippingRect.height = clippingRect.bottom - clippingRect.top;
   clippingRect.x = clippingRect.left;
@@ -955,6 +964,8 @@ function detectOverflow(state, options) {
   var _options = options,
       _options$placement = _options.placement,
       placement = _options$placement === void 0 ? state.placement : _options$placement,
+      _options$strategy = _options.strategy,
+      strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,
       _options$boundary = _options.boundary,
       boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,
       _options$rootBoundary = _options.rootBoundary,
@@ -969,7 +980,7 @@ function detectOverflow(state, options) {
   var altContext = elementContext === popper ? reference : popper;
   var popperRect = state.rects.popper;
   var element = state.elements[altBoundary ? altContext : elementContext];
-  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary);
+  var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);
   var referenceClientRect = getBoundingClientRect(state.elements.reference);
   var popperOffsets = computeOffsets({
     reference: referenceClientRect,
@@ -1483,7 +1494,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
   var isOffsetParentAnElement = isHTMLElement(offsetParent);
   var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
   var documentElement = getDocumentElement(offsetParent);
-  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
+  var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);
   var scroll = {
     scrollLeft: 0,
     scrollTop: 0

package/dist/cjs/{usage-tracking-202d8fb5.js → usage-tracking-00a6c336.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "3.26.1";
+const version = "3.26.4";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -60,21 +60,21 @@ const scripts = {
 	"test.watch": "TZ=UTC stencil test --spec --e2e --watchAll"
 };
 const dependencies = {
-	"@popperjs/core": "^2.11.5",
+	"@popperjs/core": "^2.11.6",
 	"intl-messageformat": "^9.13.0",
 	"requestanimationframe-timer": "^3.0.3",
 	sortablejs: "^1.15.0",
 	"stencil-click-outside": "^1.8.0",
 	vega: "^5.22.1",
 	"vega-embed": "^6.21.0",
-	"vega-lite": "^5.4.0"
+	"vega-lite": "^5.5.0"
 };
 const devDependencies = {
-	"@babel/core": "^7.18.10",
-	"@babel/preset-env": "^7.18.10",
-	"@commitlint/cli": "^17.0.3",
-	"@commitlint/config-conventional": "^17.0.3",
-	"@stencil/core": "^2.17.2",
+	"@babel/core": "^7.19.0",
+	"@babel/preset-env": "^7.19.0",
+	"@commitlint/cli": "^17.1.2",
+	"@commitlint/config-conventional": "^17.1.0",
+	"@stencil/core": "^2.17.4",
 	"@stencil/less": "^1.0.0",
 	"@stencil/react-output-target": "^0.3.1",
 	"@stencil/utils": "0.0.5",
@@ -83,20 +83,20 @@ const devDependencies = {
 	"@types/puppeteer": "^5.4.6",
 	"@types/resize-observer-browser": "^0.1.7",
 	"@types/sortablejs": "^1.13.0",
-	"@typescript-eslint/eslint-plugin": "^5.32.0",
-	"@typescript-eslint/parser": "^5.32.0",
+	"@typescript-eslint/eslint-plugin": "^5.36.2",
+	"@typescript-eslint/parser": "^5.36.2",
 	"axe-live": "^1.0.1",
 	"babel-loader": "^8.2.5",
 	commitizen: "^4.2.5",
-	concurrently: "^7.3.0",
+	concurrently: "^7.4.0",
 	"cz-conventional-changelog": "^3.3.0",
-	eslint: "^8.21.0",
+	eslint: "^8.23.0",
 	"eslint-config-prettier": "^8.5.0",
-	"eslint-plugin-jest": "^26.7.0",
-	"eslint-plugin-jsdoc": "^39.3.4",
+	"eslint-plugin-jest": "^26.9.0",
+	"eslint-plugin-jsdoc": "^39.3.6",
 	"eslint-plugin-prefer-arrow": "^1.2.3",
 	"eslint-plugin-prettier": "^4.2.1",
-	"eslint-plugin-react": "^7.30.1",
+	"eslint-plugin-react": "^7.31.7",
 	"file-loader": "^6.2.0",
 	glob: "^8.0.3",
 	handlebars: "^4.7.7",
@@ -109,26 +109,26 @@ const devDependencies = {
 	"jest-junit": "^13.2.0",
 	jsdom: "^19.0.0",
 	"lint-staged": "^12.5.0",
-	marked: "^4.0.18",
+	marked: "^4.1.0",
 	"mutation-observer": "^1.0.3",
 	"node-fetch": "^3.2.10",
 	"postcss-html": "^1.5.0",
 	"postcss-less": "^6.0.0",
 	prettier: "^2.7.1",
 	puppeteer: "^14.4.1",
-	rollup: "^2.77.2",
+	rollup: "^2.79.0",
 	"rollup-plugin-copy": "^3.4.0",
 	"rollup-plugin-less": "^1.1.3",
 	"semver-sort": "^1.0.0",
 	"standard-version": "^9.5.0",
-	stylelint: "^14.9.1",
+	stylelint: "^14.11.0",
 	"stylelint-config-html": "^1.1.0",
 	"stylelint-config-prettier": "^9.0.3",
 	"stylelint-config-recess-order": "^3.0.0",
 	"stylelint-config-standard": "^25.0.0",
 	svgo: "^2.8.0",
 	"ts-loader": "^9.3.1",
-	typescript: "^4.7.4",
+	typescript: "^4.8.2",
 	weekstart: "^1.1.0",
 	xmldom: "^0.6.0"
 };

package/dist/collection/collection-manifest.json

@@ -137,7 +137,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.17.2",
+    "version": "2.17.4",
     "typescriptVersion": "4.5.4"
   },
   "collections": [],

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.css

@@ -7,6 +7,7 @@
   justify-content: flex-start;
   margin: 4px 0;
   font-size: 11px;
+  line-height: 16px;
   color: #2e394c;
 }
 .gux-form-field-error.gux-show {
@@ -18,7 +19,7 @@
   order: 0;
   width: 16px;
   height: 16px;
-  margin: 0 4px;
+  margin-right: 4px;
   color: #ea0b0b;
 }
 .gux-form-field-error .gux-message {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.css

@@ -14,6 +14,7 @@
   justify-content: flex-start;
   margin: 4px 0;
   font-size: 11px;
+  line-height: 16px;
   color: #2e394c;
 }
 .gux-form-field-error.gux-show {
@@ -25,7 +26,7 @@
   order: 0;
   width: 16px;
   height: 16px;
-  margin: 0 4px;
+  margin-right: 4px;
   color: #ea0b0b;
 }
 .gux-form-field-error .gux-message {