legalesign-document-viewer 0.7.2 → 0.7.3

package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.css

@@ -1,69 +0,0 @@
-.radioLabel{
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  border-radius: 0.5rem;
-  padding: 0.5rem 0.75rem;
-}
-
-.radioLabel.checked {
-  background-color: var(--primary-10);
-  border-color: var(--primary-20);
-  color: var(--primary-90)
-}
-
-.radioLabel:not(checked) {
-  color: var(--gray-90);
-  background-color: var(--gray-10);
-  border: 1px solid var(--gray-20);
-}
-
-.radioLabel.checked:hover {
-  border-color: var(--primary-30);
-  color: var(--primary-100);
-  
-}
-
-.radioLabel:not(.checked):not(.disabled):hover {
-  border-color: var(--gray-50);
-  color: var(--gray-100);
-}
-
-.radioLabel:focus:not(.disabled) {
-  box-shadow: var(--focus-box-shadow);
-  outline-offset: var(--focus-outline-offset);
-  outline: none;
-}
-
-.radioLabel.disabled {
-  cursor: not-allowed;
-}
-
-.radioLabel.disabled.checked {
-  background-color: var(--primary-10);
-  color: var(--primary-40);
-  border-color: var(--primary-40);
-}
-
-.radioLabel.disabled:not(.checked) {
-  background-color: var(--gray-10);
-  color: var(--gray-60);
-}
-
-.inputClass {
-  margin-top: 0px;
-}
-
-.inputClass:focus {
-  outline: none;
-}
-
-.inputClass:disabled {
-  cursor: not-allowed;
-}
-
-.spanContainer {
-  display: flex;
-  gap: 0.25rem;
-  align-items: center;
-}

package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js

@@ -1,172 +0,0 @@
-import { h } from "@stencil/core";
-import clsx from "clsx";
-export class LsRadioInput {
-    radioId;
-    label;
-    icon;
-    name = 'name';
-    checked = false;
-    disabled = false;
-    customStyle;
-    render() {
-        const { label, radioId, icon, name, disabled, checked, customStyle, } = this;
-        const radioLabelClass = clsx('radioLabel', disabled && 'disabled', checked && 'checked');
-        return (h("label", { key: '31f548698a16eff81e0a2f270e89295b80446677', htmlFor: radioId, tabIndex: 0, class: radioLabelClass, style: customStyle }, h("input", { key: 'd69ea6c81a54cd9f933c8d3385ffb4e474aa91e4', type: 'radio', class: 'inputClass', id: radioId, name: name, value: label, disabled: disabled, tabIndex: 0, checked: checked }), h("div", { key: 'fb893fd4d1df25350afda196ea3cbd6c9f02d435', class: 'spanContainer' }, h("span", { key: '9eaa69b5f8272d09a3c1b68af65e48bff5792493' }, icon && h("ls-icon", { key: '1253b0402ff1b21ce2ccdafbb5ae9a5f28c78c89', name: icon, size: "16" })), h("span", { key: '38e5be64234f87b69cc079440d596a7cbafbccbf' }, label))));
-    }
-    static get is() { return "ls-radio-input"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["ls-radio-input.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["ls-radio-input.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "radioId": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "radio-id"
-            },
-            "label": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "label"
-            },
-            "icon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "Icon",
-                    "resolved": "\"text\" | \"signature\" | \"initials\" | \"dropdown\" | \"code\" | \"link\" | \"map\" | \"menu\" | \"search\" | \"table\" | \"template\" | \"document\" | \"required\" | \"mail\" | \"auto-sign\" | \"bell\" | \"home\" | \"briefcase\" | \"shield-check\" | \"shield-exclamation\" | \"cog\" | \"check\" | \"translate\" | \"cash\" | \"location-marker\" | \"user\" | \"users\" | \"user-group\" | \"office-building\" | \"scale\" | \"pencil-alt\" | \"pencil\" | \"eye\" | \"bookmark\" | \"color-swatch\" | \"inbox\" | \"inbox-in\" | \"archive\" | \"clock\" | \"photograph\" | \"tag\" | \"phone\" | \"phone-incoming\" | \"phone-outgoing\" | \"menu-alt-1\" | \"menu-alt-2\" | \"menu-alt-3\" | \"menu-alt-4\" | \"switch-vertical\" | \"switch-horizontal\" | \"x\" | \"plus\" | \"refresh\" | \"question-mark-circle\" | \"exclamation\" | \"cloud-upload\" | \"cloud-download\" | \"chart-pie\" | \"document-download\" | \"document-add\" | \"document-remove\" | \"calender\" | \"camera\" | \"globe-alt\" | \"duplicate\" | \"share\" | \"heart\" | \"globe\" | \"volume-up\" | \"volume-off\" | \"adjustments\" | \"mail-open\" | \"document-duplicate\" | \"credit-card\" | \"lock-closed\" | \"trending-up\" | \"trending-down\" | \"filter\" | \"at-symbol\" | \"trash\" | \"information-circle\" | \"arrow-up\" | \"arrow-right\" | \"arrow-down\" | \"arrow-left\" | \"arrow-circle-right\" | \"arrow-circle-down\" | \"arrow-circle-left\" | \"arrow-circle-up\" | \"sort-ascending\" | \"sort-descending\" | \"x-circle\" | \"check-circle\" | \"exclamation-circle\" | \"plus-circle\" | \"minus-circle\" | \"user-circle\" | \"zoom-in\" | \"zoom-out\" | \"user-add\" | \"dots-horizontal\" | \"dots-vertical\" | \"upload\" | \"download\" | \"view-list\" | \"view-boards\" | \"paper-clip\" | \"emoji-happy\" | \"emoji-sad\" | \"printer\" | \"currency-dollar\" | \"currency-yen\" | \"currency-euro\" | \"currency-pound\" | \"currency-rupee\" | \"chevron-down\" | \"chevron-right\" | \"chevron-up\" | \"chevron-left\" | \"selector\" | \"chat\" | \"receipt-refund\" | \"ticket\" | \"lock-open\" | \"dots-circle-horizontal\" | \"hashtag\" | \"qrcode\" | \"clipboard-check\" | \"clipboard-list\" | \"clipboard\" | \"external-link\" | \"sun\" | \"moon\" | \"clipboard-copy\" | \"annotation\" | \"flag\" | \"collection\" | \"book-open\" | \"lightning-bolt\" | \"folder\" | \"sparkles\" | \"user-remove\" | \"arrow-narrow-up\" | \"arrow-narrow-right\" | \"arrow-narrow-down\" | \"arrow-narrow-left\" | \"reply\" | \"light-bulb\" | \"chat-alt\" | \"document-report\" | \"logout\" | \"key\" | \"ban\" | \"shopping-cart\" | \"cursor-click\" | \"microphone\" | \"speakerphone\" | \"badge-check\" | \"desktop-computer\" | \"chat-alt-2\" | \"support\" | \"newspaper\" | \"bookmark-alt\" | \"view-grid-add\" | \"library\" | \"play\" | \"pause\" | \"stop\" | \"star\" | \"terminal\" | \"chart-square-bar\" | \"eye-off\" | \"chart-bar\" | \"fire\" | \"shopping-bag\" | \"thumb-up\" | \"thumb-down\" | \"hand\" | \"arrows-expand\" | \"view-grid\" | \"puzzle\" | \"folder-download\" | \"folder-add\" | \"folder-remove\" | \"identification\" | \"rss\" | \"scissors\" | \"music-note\" | \"film\" | \"database\" | \"server\" | \"login\" | \"wifi\" | \"backspace\" | \"paper-airplane\" | \"device-mobile\" | \"device-tablet\" | \"chevron-double-right\" | \"chevron-double-down\" | \"chevron-double-left\" | \"chevron-double-up\" | \"finger-print\" | \"cube\" | \"folder-open\" | \"save\" | \"save-as\" | \"document-text\" | \"calculator\" | \"beaker\" | \"gift\" | \"truck\" | \"currency-bangladeshi\" | \"video-camera\" | \"cloud\" | \"cube-transparent\" | \"cake\" | \"phone-missed-call\" | \"plus-sm\" | \"minus-sm\" | \"receipt-tax\" | \"status-online\" | \"status-offline\" | \"presentation-chart-line\" | \"presentation-chart-bar\" | \"fast-forward\" | \"rewind\" | \"chip\" | \"academic-cap\" | \"variable\" | \"document-search\" | \"search-circle\" | \"minus\" | \"arrow-sm-up\" | \"arrow-sm-right\" | \"arrow-sm-down\" | \"arrow-sm-left\" | \"base-circle\" | \"drag-vertical\" | \"menu-alt-5\" | \"text-size\" | \"pin\" | \"keyboard\" | \"move-vertical\" | \"move-horizontal\" | \"rotate-left\" | \"rotate-right\" | \"undo\" | \"redo\" | \"drag-horizontal\" | \"side-panel-close-left\" | \"side-panel-close-right\" | \"side-panel-open-left\" | \"side-panel-open-right\" | \"contacts\" | \"arrow-up-link-out\" | \"device-lock\" | \"auto-date\" | \"revert\" | \"guides\" | \"bulk-send\" | \"field-alignment-left\" | \"field-alignment-centre\" | \"field-alignment-right\" | \"accessibility\" | \"arrows-minimise\" | \"document-info\" | \"document-import-fields\" | \"document-merge-alt2\" | \"document-combine\" | \"field-alignment-top\" | \"field-alignment-middle\" | \"field-alignment-bottom\" | \"box-empty\" | \"box-ticked\" | \"box-crossed\" | \"sort-alphabetically-a-z\" | \"sort-alphabetically-z-a\" | \"linked-document\" | \"document-replace\" | \"field-scale\" | \"field-match-width\" | \"field-match-height\" | \"recipient-link\" | \"recipient-link-broken\" | \"witness-arrow\" | \"branch\" | \"variant\" | \"recipient-details-card\" | \"recipient-details\" | \"field-distribute-vertically\" | \"field-distribute-horizontally\" | \"field-duplicate\" | \"pre-filled-content\" | \"typing-input\" | \"table-split\" | \"add-column-left\" | \"add-column-right\" | \"recipient-links\" | \"list-order\" | \"field-scaling-off\" | \"fit-width\" | \"fit-height\" | \"table-quick-edit\" | \"table-columns\" | \"table-rows\" | \"apply-all-rows\" | \"pagescroll-preview\" | \"page-insert-vertical\" | \"page-insert-horizontal\" | \"circle-quarter\" | \"circle-half\" | \"circle-three-quarter\" | \"time-sort-ascending\" | \"time-sort-descending\" | \"date-sort-ascending\" | \"date-sort-descending\" | \"side-panel-closed\" | \"side-panel-open\" | \"date-sent-sort-ascending\" | \"date-sent-sort-descending\" | \"sort-alphabetically-a-z-alt\" | \"sort-alphabetically-z-a-alt\" | \"template-sent\" | \"template-not-sent\" | \"grid\" | \"linked\" | \"link-broken\" | \"user-assign\" | \"x-letter\" | \"y\" | \"field-selected\" | \"designation\" | \"text-alignment\" | \"field-placement\" | \"typeface\" | \"typesize\" | \"page-layout\" | \"field-special\" | \"link-value\" | \"target\" | \"field-order\" | \"send-arrow\" | \"sent-progress\" | \"circle-filled-quarter\" | \"circle-filled-half\" | \"circle-filled-three-quarter\" | \"document-viewed\" | \"collapse\" | \"expand\" | \"logo\"",
-                    "references": {
-                        "Icon": {
-                            "location": "import",
-                            "path": "../../../../types/Icon",
-                            "id": "src/types/Icon.ts::Icon"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "icon"
-            },
-            "name": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "name",
-                "defaultValue": "'name'"
-            },
-            "checked": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "checked",
-                "defaultValue": "false"
-            },
-            "disabled": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "disabled",
-                "defaultValue": "false"
-            },
-            "customStyle": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "{ [key: string]: string }",
-                    "resolved": "{ [key: string]: string; }",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false
-            }
-        };
-    }
-}
-//# sourceMappingURL=ls-radio-input.js.map

package/dist/collection/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ls-radio-input.js","sourceRoot":"","sources":["../../../../../src/components/ls-formfield/inputs/ls-radio-input/ls-radio-input.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAEnD,OAAO,IAAI,MAAM,MAAM,CAAC;AAOxB,MAAM,OAAO,YAAY;IACf,OAAO,CAAS;IAChB,KAAK,CAAS;IACd,IAAI,CAAQ;IACZ,IAAI,GAAY,MAAM,CAAC;IACvB,OAAO,GAAY,KAAK,CAAC;IACzB,QAAQ,GAAa,KAAK,CAAC;IAC3B,WAAW,CAA6B;IAEhD,MAAM;QACJ,MAAM,EACJ,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,WAAW,GACZ,GAAG,IAAI,CAAC;QACT,MAAM,eAAe,GAAG,IAAI,CAC1B,YAAY,EACZ,QAAQ,IAAI,UAAU,EACtB,OAAO,IAAI,SAAS,CACrB,CAAC;QAEF,OAAO,CACL,8DACE,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE,eAAe,EACtB,KAAK,EAAE,WAAW;YAElB,8DACE,IAAI,EAAC,OAAO,EACZ,KAAK,EAAC,YAAY,EAClB,EAAE,EAAE,OAAO,EACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,CAAC,EACX,OAAO,EAAE,OAAO,GAChB;YACF,4DAAK,KAAK,EAAC,eAAe;gBACxB,+DAAO,IAAI,IAAI,gEAAS,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,GAAY,CAAQ;gBAClE,+DAAO,KAAK,CAAQ,CAChB,CACA,CACT,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\nimport { Icon } from '../../../../types/Icon';\nimport clsx from 'clsx';\n\n@Component({\n  tag: 'ls-radio-input',\n  styleUrl: 'ls-radio-input.css',\n  shadow: false,\n})\nexport class LsRadioInput {\n  @Prop() radioId: string;\n  @Prop() label: string;\n  @Prop() icon?: Icon;\n  @Prop() name?: string = 'name';\n  @Prop() checked: boolean = false;\n  @Prop() disabled?: boolean = false;\n  @Prop() customStyle?: { [key: string]: string };\n\n  render() {\n    const {\n      label,\n      radioId,\n      icon,\n      name,\n      disabled,\n      checked,\n      customStyle,\n    } = this;\n    const radioLabelClass = clsx(\n      'radioLabel',\n      disabled && 'disabled',\n      checked && 'checked',\n    );\n\n    return (\n      <label\n        htmlFor={radioId}\n        tabIndex={0}\n        class={radioLabelClass}\n        style={customStyle}\n      >\n        <input\n          type='radio'\n          class='inputClass'\n          id={radioId}\n          name={name}\n          value={label}\n          disabled={disabled}\n          tabIndex={0}\n          checked={checked}\n        />\n        <div class='spanContainer'>\n          <span>{icon && <ls-icon name={icon} size={\"16\"}></ls-icon>}</span>\n          <span>{label}</span>\n        </div>\n      </label>\n    );\n  }\n}\n"]}

package/dist/collection/components/ls-formfield/inputs/ls-select-input/ls-select-input.css

@@ -1,228 +0,0 @@
-* {
-  box-sizing: border-box;
-  margin: 0;
-}
-
-.host {
-  position: relative;
-  display: flex;
-  width: 100%;
-}
-
-#fieldIcon {
-  position: absolute;
-  top: 0.5rem;
-  left: 0.75rem;
-  color: var(--gray-80)
-}
-
-#fieldIconDisabled {
-  position: absolute;
-  top: 0.5rem;
-  left: 0.75rem;
-  color: var(--gray-60)
-}
-
-.icon-input {
-  padding-left: 2.5rem !important;
-}
-
-.button-input {
-  padding-right: 2.5rem !important;
-}
-
-.right-items-input {
-  padding-right: 4rem !important;
-}
-
-.input-base {
-  display: flex;
-  width: 100%;
-  height: 2.25rem;
-  padding: 0rem 0.75rem;
-  align-items: center;
-  vertical-align: text-top;
-  gap: 0.5rem;
-  align-self: stretch;
-  border-radius: 0.5rem;
-  /* Shadow/sm */
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  /* text-sm/leading-5/font-regular */
-  font-size: 0.875rem;
-  font-style: normal;
-  font-weight: 400;
-}
-
-select::-ms-expand {
-  display: none;
-}
-
-select {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-}
-
-#select-arrow {
-  color: var(--gray-70);
-  margin-right: 0.25rem;
-  margin-left: -0.125rem;
-}
-
-#select-arrow-disabled {
-  color: var(--gray-40);
-  margin-right: 0.25rem;
-  margin-left: -0.125rem;
-}
-
-.input-base:active:not(:disabled) {
-  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);
-  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;
-}
-
-.input-base:focus:not(:disabled) {
-  outline: 1px solid var(--Legalesign-Blue-60, #4456F6);
-  box-shadow: 0px 0px 3px 0px rgba(0, 15, 153, 0.25), 0px 0px 2px 0px rgba(0, 15, 153, 0.06), 0px 0px 0px 4px #9DC3FC;
-}
-
-
-.default {
-  border: 1px solid var(--gray-40, #D8D9DC);
-  background: var(--White, #FFF);
-  color: var(--gray-100);
-}
-
-.default:hover {
-  border: 1px solid var(--gray-50, #D8D9DC);
-  background: var(--White, #FFF);
-  color: var(--gray-110);
-}
-
-
-.disabled {
-  border: 1px solid var(--gray-40, #D8D9DC);
-  background: var(--gray-10, #F7F8FA);
-  color: var(--gray-60);
-  cursor: not-allowed;
-}
-
-.invalid {
-  border: 1px solid var(--red-40, #FFA19E);
-  background: var(--White, #FFF);
-  color: var(--Red-100, #7A1714);
-}
-
-.invalid:hover {
-  border: 1px solid var(--red-50, #FFA19E);
-  background: var(--White, #FFF);
-  color: var(--Red-100, #7A1714);
-}
-
-.valid {
-  border: 1px solid var(--green-40, #72F0C2);
-  background: var(--White, #FFF);
-  color: var(--Green-100, #125241);
-}
-
-.valid:hover {
-  border: 1px solid var(--green-50, #72F0C2);
-  background: var(--White, #FFF);
-  color: var(--Green-100, #125241);
-}
-
-
-.right-items {
-  position: absolute;
-  padding: 0.25rem;
-  height: 2.25rem;
-  right: 0;
-  top: 0;
-  display: flex;
-  align-items: center;
-} 
-
-#invalidIcon {
-  margin: 0 0.5rem;
-  color: var(--red-70);
-}
-
-#validIcon {
-  margin: 0 0.5rem;
-  color: var(--green-60);
-}
-
-.button {
-  display: flex;
-  height: 1.75rem;
-  width: 1.75rem;
-  padding: 0.25rem;
-  justify-content: center;
-  align-items: center;
-  border-radius: 0.375rem;
-  border: 1px solid var(--gray-50, #C8C9CC);
-  background: var(--White, #FFF);
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-
-  #buttonIcon {
-    color: var(--gray-90);
-  }
-}
-
-.button:hover {
-  display: flex;
-  height: 1.75rem;
-  width: 1.75rem;
-  padding: 0.25rem;
-  justify-content: center;
-  align-items: center;
-  border-radius: 0.375rem;
-  border: 1px solid var(--gray-50, #C8C9CC);
-  background: var(--gray-20, #EDEFF2);
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
-
-  #buttonIcon {
-    color: var(--gray-100);
-  }
-}
-
-.button:active {
-  display: flex;
-  height: 1.75rem;
-  width: 1.75rem;
-  padding: 0.25rem;
-  justify-content: center;
-  align-items: center;
-  border-radius: 0.375rem;
-  border: 1px solid var(--Primary-Blue-Light, #4456F6);
-  background: var(--White, #FFF);
-  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;
-
-  #buttonIcon {
-    color: var(--gray-100);
-  }
-}
-
-.button:focus {
-  display: flex;
-  height: 1.75rem;
-  width: 1.75rem;
-  padding: 0.25rem;
-  justify-content: center;
-  align-items: center;
-  border-radius: 0.375rem;
-  border: 1px solid var(--Primary-Blue-Light, #4456F6);
-  background: var(--White, #FFF);
-  box-shadow: 0px 0px 4px 0px #C7DDFF inset, 0px 0px 0px 4px #9DC3FC;
-
-  #buttonIcon {
-    color: var(--gray-100);
-  }
-}
-
-
-
-
-