@globalpayments/vega 2.29.0 → 2.31.0

package/dist/cjs/vega-chip.cjs.entry.js

@@ -12,9 +12,9 @@ const breakpoints = require('./breakpoints-7e2dff90.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-a8cf1874.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.js');
-const vegaEventId = require('./vega-event-id-e40ac8f0.js');
-const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-0245d631.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-b321e3f5.js');
+const vegaEventId = require('./vega-event-id-419d36a8.js');
+const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-bed95a1b.js');
 require('./type-guard-a07b353b.js');
 require('./ui-32e69595.js');
 require('./regex-c1f70fd4.js');
@@ -26,9 +26,9 @@ require('./dynamic-slimmer-f31fdfd7.js');
 require('./change-manager-a297e4d2.js');
 require('./dom-node-subject-observer-factory-2e41340d.js');
 require('./observer-f49483e8.js');
-require('./internal-vega-event-manager-4d9a8e67.js');
+require('./internal-vega-event-manager-9ffb3ed1.js');
 require('./vega-env-manager-23b8b23c.js');
-require('./feature-flag-controller-078da332.js');
+require('./feature-flag-controller-f0619cc7.js');
 require('./index-5792390b.js');
 
 const VegaChipRuntimeMetricsPayloadDefinition = [

package/dist/cjs/vega-color-picker.cjs.entry.js

@@ -11,9 +11,9 @@ const formFieldControllerSlimmer = require('./form-field-controller-slimmer-a423
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-1ee24991.js');
 const staticSubjectTitle = require('./static-subject-title-471e1793.js');
-const eventEmitSlimmer = require('./event-emit-slimmer-d409d0ac.js');
+const eventEmitSlimmer = require('./event-emit-slimmer-b321e3f5.js');
 const changeManager = require('./change-manager-a297e4d2.js');
-const vegaEventId = require('./vega-event-id-e40ac8f0.js');
+const vegaEventId = require('./vega-event-id-419d36a8.js');
 require('./string-21427167.js');
 require('./observer-f49483e8.js');
 require('./create-public-api-runtime-metrics-slimmer-5cc88124.js');
@@ -28,7 +28,7 @@ require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');
 require('./array-5adef7b2.js');
 require('./number-4816603d.js');
-require('./internal-vega-event-manager-4d9a8e67.js');
+require('./internal-vega-event-manager-9ffb3ed1.js');
 
 const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   {
@@ -57,7 +57,7 @@ const VegaColorPickerRuntimeMetricsPayloadDefinition = [
   },
 ];
 
-const vegaColorPickerCss = ":host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-container{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-container-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-container-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-container-items:hover{box-shadow:none}:host(.disabled) .color-picker-container-items:focus-within{box-shadow:none}:host .color-picker-container{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-container-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-container.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}";
+const vegaColorPickerCss = ":host{display:inline-block;text-align:left;line-height:normal}:host vega-field-label{margin-bottom:8px}:host(.disabled) .color-picker-inline{background-color:rgba(var(--v-bg-secondary, 245, 247, 247, 1));border:1px solid rgba(var(--v-border-input-field-disabled, 222, 225, 227, 1))}.color-picker-inline-items:hover{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}.color-picker-inline-items:focus-within{box-shadow:0 0 0 4px rgba(var(--v-ring-input-focus, 19, 98, 226, 0.25))}:host(.disabled) .color-picker-inline-items:hover{box-shadow:none}:host(.disabled) .color-picker-inline-items:focus-within{box-shadow:none}:host .color-picker-inline{border:1px solid rgba(var(--v-border-input-field, 171, 198, 216, 1));border-radius:8px;background-color:rgba(var(--v-bg-primary, 252, 252, 252, 1));padding:12px;max-width:max-content}:host .color-picker-inline-items{display:flex;border:1px solid rgba(var(--v-border-chip, 205, 209, 211, 1));border-radius:4px;width:24px;height:24px;cursor:pointer;align-items:center;justify-content:center}:host .checkmark-black{color:rgba(var(--v-text-black, 32, 54, 69, 1))}:host .checkmark-white{color:rgba(var(--v-text-white, 252, 252, 252, 1))}:host vega-text{padding-left:8px;padding-right:8px;padding-top:4px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-secondary, 107, 116, 125, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host vega-text{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .vega-error{display:inline-block;padding-left:8px;padding-right:8px;padding-top:8px;font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px;color:rgba(var(--v-text-error, 189, 41, 71, 1))}@media screen and (min-width: 768px) and (max-width: 1023px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1024px) and (max-width: 1439px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}@media screen and (min-width: 1440px) and (max-width: 9999px){:host .vega-error{font-family:\"Inter\", sans-serif;font-size:14px;font-weight:400;line-height:18px;letter-spacing:0px}}:host .color-picker-inline.error{border:1px solid rgba(var(--v-border-input-field-danger, 230, 50, 87, 1))}:host .vega-hidden{display:none}:host vega-flex{flex-wrap:wrap;max-width:264px}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -164,8 +164,14 @@ const VegaColorPicker = class {
       '#259F9F',
       '#563D82',
     ];
+    /**
+     * Specifies whether the color picker is inline with container styles, including a border, background color, and padding.
+     *
+     * @vegaVersion 2.30.0
+     */
+    this.isInline = false;
     this.renderColorPickerContainer = () => {
-      return (index.h("div", { class: "color-picker-container", ref: (e) => (this.colorPickerContainerRef = e) }, index.h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (index.h("div", { id: color, class: "color-picker-container-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
+      return (index.h("div", { class: ui.arrayToClassString([!this.isInline ? 'color-picker-inline' : null]), ref: (e) => (this.colorPickerContainerRef = e) }, index.h("vega-flex", { direction: "row", gap: "size-8" }, this.colors.map((color) => (index.h("div", { id: color, class: "color-picker-inline-items", ref: (e) => (this.colorPickerTouchableAreaRef = e), style: {
           backgroundColor: color,
         }, onClick: this.updateValueProp, role: 'button', tabIndex: 0, "aria-label": "color", onKeyDown: accessibility.createEnterKeyHandlerToTriggerClick() }, this.value === color ? (index.h("vega-icon", { icon: "checkmark", size: "size-16", class: {
           'v-text-black': this.isDarkColorCheckmark(this.value),