@justifi/webcomponents 4.7.4 → 4.7.6

package/dist/collection/components/select-input/select-input.js

@@ -1,142 +1,142 @@
 import { Host, h } from "@stencil/core";
 export class SelectInput {
-  constructor() {
-    this.name = undefined;
-    this.label = undefined;
-    this.defaultValue = undefined;
-    this.error = undefined;
-    this.options = [];
-    this.internalValue = '';
-  }
-  onInput(event) {
-    const target = event.target;
-    const name = target.getAttribute('name');
-    this.fieldReceivedInput.emit({ name: name, value: target.value });
-  }
-  render() {
-    return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label" }, this.label), h("select", { name: this.name, onInput: event => this.onInput(event), part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (h("option", { value: option.value }, option.label)))), this.error && h("div", { class: "invalid-feedback" }, this.error)));
-  }
-  static get is() { return "select-input"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["select-input.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["select-input.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
-      },
-      "label": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "label",
-        "reflect": false
-      },
-      "defaultValue": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "default-value",
-        "reflect": false
-      },
-      "error": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "error",
-        "reflect": false
-      },
-      "options": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "{ label: string; value: string }[]",
-          "resolved": "{ label: string; value: string; }[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "[]"
-      }
-    };
-  }
-  static get states() {
-    return {
-      "internalValue": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "fieldReceivedInput",
-        "name": "fieldReceivedInput",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "{ name: string; value: string }",
-          "resolved": "{ name: string; value: string; }",
-          "references": {}
-        }
-      }];
-  }
+    constructor() {
+        this.name = undefined;
+        this.label = undefined;
+        this.defaultValue = undefined;
+        this.error = undefined;
+        this.options = [];
+        this.internalValue = '';
+    }
+    onInput(event) {
+        const target = event.target;
+        const name = target.getAttribute('name');
+        this.fieldReceivedInput.emit({ name: name, value: target.value });
+    }
+    render() {
+        return (h(Host, { exportparts: "label,input,input-invalid" }, h("label", { part: "label", class: "form-label" }, this.label), h("select", { name: this.name, onInput: event => this.onInput(event), part: `input${this.error ? ' input-invalid' : ''}`, class: this.error ? 'form-select is-invalid' : 'form-select' }, this.options.map(option => (h("option", { value: option.value }, option.label)))), this.error && h("div", { class: "invalid-feedback" }, this.error)));
+    }
+    static get is() { return "select-input"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["select-input.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["select-input.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "name": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "name",
+                "reflect": false
+            },
+            "label": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "label",
+                "reflect": false
+            },
+            "defaultValue": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "default-value",
+                "reflect": false
+            },
+            "error": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "error",
+                "reflect": false
+            },
+            "options": {
+                "type": "unknown",
+                "mutable": false,
+                "complexType": {
+                    "original": "{ label: string; value: string }[]",
+                    "resolved": "{ label: string; value: string; }[]",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "defaultValue": "[]"
+            }
+        };
+    }
+    static get states() {
+        return {
+            "internalValue": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "fieldReceivedInput",
+                "name": "fieldReceivedInput",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "{ name: string; value: string }",
+                    "resolved": "{ name: string; value: string; }",
+                    "references": {}
+                }
+            }];
+    }
 }

package/dist/collection/components/select-input/test/select-input.spec.js

@@ -1,20 +1,20 @@
 import { newSpecPage } from "@stencil/core/testing";
 import { SelectInput } from "../select-input";
 describe('select-input', () => {
-  let page;
-  beforeEach(async () => {
-    page = await newSpecPage({
-      components: [SelectInput],
-      html: `<select-input></select-input>`,
+    let page;
+    beforeEach(async () => {
+        page = await newSpecPage({
+            components: [SelectInput],
+            html: `<select-input></select-input>`,
+        });
     });
-  });
-  it('renders', async () => {
-    page.root.options = [
-      { label: 'Option 1', value: 'option1' },
-      { label: 'Option 2', value: 'option2' },
-    ];
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
+    it('renders', async () => {
+        page.root.options = [
+            { label: 'Option 1', value: 'option1' },
+            { label: 'Option 2', value: 'option2' },
+        ];
+        await page.waitForChanges();
+        expect(page.root).toEqualHtml(`
     <select-input exportparts="label,input,input-invalid">
       <mock:shadow-root>
         <label part="label" class="form-label"></label>
@@ -29,15 +29,15 @@ describe('select-input', () => {
       </mock:shadow-root>
     </select-input>
   `);
-  });
-  it('renders with props', async () => {
-    const { root } = await newSpecPage({
-      components: [SelectInput],
-      html: `<select-input name="test" label="Test Label"></select-input>`,
     });
-    root.options = [{ label: 'Option 1', value: '1' }];
-    await page.waitForChanges();
-    expect(root).toEqualHtml(`
+    it('renders with props', async () => {
+        const { root } = await newSpecPage({
+            components: [SelectInput],
+            html: `<select-input name="test" label="Test Label"></select-input>`,
+        });
+        root.options = [{ label: 'Option 1', value: '1' }];
+        await page.waitForChanges();
+        expect(root).toEqualHtml(`
     <select-input exportparts="label,input,input-invalid" label="Test Label" name="test">
       <mock:shadow-root>
         <label part="label" class="form-label">Test Label</label>
@@ -49,22 +49,22 @@ describe('select-input', () => {
       </mock:shadow-root>
     </select-input>
   `);
-  });
-  it('emits event on input', async () => {
-    page.root.name = 'test';
-    page.root.options = [{ label: 'Option 1', value: '1' }];
-    await page.waitForChanges();
-    const fieldReceivedInputHandler = jest.fn();
-    page.root.addEventListener('fieldReceivedInput', fieldReceivedInputHandler);
-    const select = page.root.shadowRoot.querySelector('select');
-    select.value = '1';
-    select.dispatchEvent(new Event('input'));
-    expect(fieldReceivedInputHandler).toHaveBeenCalled();
-  });
-  it('renders with error', async () => {
-    page.root.error = 'Test Error';
-    await page.waitForChanges();
-    expect(page.root).toEqualHtml(`
+    });
+    it('emits event on input', async () => {
+        page.root.name = 'test';
+        page.root.options = [{ label: 'Option 1', value: '1' }];
+        await page.waitForChanges();
+        const fieldReceivedInputHandler = jest.fn();
+        page.root.addEventListener('fieldReceivedInput', fieldReceivedInputHandler);
+        const select = page.root.shadowRoot.querySelector('select');
+        select.value = '1';
+        select.dispatchEvent(new Event('input'));
+        expect(fieldReceivedInputHandler).toHaveBeenCalled();
+    });
+    it('renders with error', async () => {
+        page.root.error = 'Test Error';
+        await page.waitForChanges();
+        expect(page.root).toEqualHtml(`
     <select-input exportparts="label,input,input-invalid">
       <mock:shadow-root>
         <label part="label" class="form-label"></label>
@@ -75,5 +75,5 @@ describe('select-input', () => {
       </mock:shadow-root>
     </select-input>
   `);
-  });
+    });
 });

package/dist/collection/components/subaccount-details/subaccount-account-details/subaccount-account-details.css

@@ -93,6 +93,7 @@
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -164,6 +165,8 @@
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -712,6 +715,7 @@ small {
 
 mark {
   padding: 0.1875em;
+  color: var(--bs-highlight-color);
   background-color: var(--bs-highlight-bg);
 }
 
@@ -974,7 +978,7 @@ progress {
 }
 
 /*!
- * Bootstrap Utilities v5.3.1 (https://getbootstrap.com/)
+ * Bootstrap Utilities v5.3.2 (https://getbootstrap.com/)
  * Copyright 2011-2023 The Bootstrap Authors
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  */
@@ -1073,6 +1077,7 @@ progress {
   --bs-link-hover-color: #0a58ca;
   --bs-link-hover-color-rgb: 10, 88, 202;
   --bs-code-color: #d63384;
+  --bs-highlight-color: #212529;
   --bs-highlight-bg: #fff3cd;
   --bs-border-width: 1px;
   --bs-border-style: solid;
@@ -1144,6 +1149,8 @@ progress {
   --bs-link-color-rgb: 110, 168, 254;
   --bs-link-hover-color-rgb: 139, 185, 254;
   --bs-code-color: #e685b5;
+  --bs-highlight-color: #dee2e6;
+  --bs-highlight-bg: #664d03;
   --bs-border-color: #495057;
   --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
   --bs-form-valid-color: #75b798;
@@ -1654,15 +1661,15 @@ progress {
 }
 
 .shadow {
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+  box-shadow: var(--bs-box-shadow) !important;
 }
 
 .shadow-sm {
-  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+  box-shadow: var(--bs-box-shadow-sm) !important;
 }
 
 .shadow-lg {
-  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+  box-shadow: var(--bs-box-shadow-lg) !important;
 }
 
 .shadow-none {
@@ -6304,7 +6311,7 @@ progress {
 
 .row-cols-3 > * {
   flex: 0 0 auto;
-  width: 33.3333333333%;
+  width: 33.33333333%;
 }
 
 .row-cols-4 > * {
@@ -6319,7 +6326,7 @@ progress {
 
 .row-cols-6 > * {
   flex: 0 0 auto;
-  width: 16.6666666667%;
+  width: 16.66666667%;
 }
 
 .col-auto {
@@ -6509,7 +6516,7 @@ progress {
   }
   .row-cols-sm-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-sm-4 > * {
     flex: 0 0 auto;
@@ -6521,7 +6528,7 @@ progress {
   }
   .row-cols-sm-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-sm-auto {
     flex: 0 0 auto;
@@ -6678,7 +6685,7 @@ progress {
   }
   .row-cols-md-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-md-4 > * {
     flex: 0 0 auto;
@@ -6690,7 +6697,7 @@ progress {
   }
   .row-cols-md-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-md-auto {
     flex: 0 0 auto;
@@ -6847,7 +6854,7 @@ progress {
   }
   .row-cols-lg-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-lg-4 > * {
     flex: 0 0 auto;
@@ -6859,7 +6866,7 @@ progress {
   }
   .row-cols-lg-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-lg-auto {
     flex: 0 0 auto;
@@ -7016,7 +7023,7 @@ progress {
   }
   .row-cols-xl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xl-4 > * {
     flex: 0 0 auto;
@@ -7028,7 +7035,7 @@ progress {
   }
   .row-cols-xl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xl-auto {
     flex: 0 0 auto;
@@ -7185,7 +7192,7 @@ progress {
   }
   .row-cols-xxl-3 > * {
     flex: 0 0 auto;
-    width: 33.3333333333%;
+    width: 33.33333333%;
   }
   .row-cols-xxl-4 > * {
     flex: 0 0 auto;
@@ -7197,7 +7204,7 @@ progress {
   }
   .row-cols-xxl-6 > * {
     flex: 0 0 auto;
-    width: 16.6666666667%;
+    width: 16.66666667%;
   }
   .col-xxl-auto {
     flex: 0 0 auto;