@finmars/ui 1.0.3 → 1.0.5

package/README.md

@@ -1,16 +1,26 @@
 # Finmars UI
 
 
-## Table of Contents
+## Setup
 
-To build
+Make sure to install the dependencies:
 
-`npm run build`
+```bash
+npm install
+```
 
-To patch (when publish new version) - run after you commit and push changes
+## Development Server
 
-`npm version patch`
+Start the development server on http://localhost:3000
 
-To publish
+Run command:
 
-`npm publish`
+`npm run dev`
+
+## Build for production
+
+To see what a build for production looks like
+
+Rum command:
+
+`npm run build`

package/dist/finmars-ui.css

@@ -1 +1 @@
-.finmars-button[data-v-66f97398]{text-transform:none;font-weight:600;border-radius:100px;display:inline-block;position:relative;cursor:pointer;min-height:36px;min-width:88px;line-height:36px;vertical-align:middle;align-items:center;text-align:center;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;outline:none;border:0;padding:0 6px;margin:6px 8px;background:transparent;color:currentColor;white-space:nowrap;font-weight:500;font-size:14px;font-style:inherit;font-variant:inherit;font-family:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .4s cubic-bezier(.25,.8,.25,1),background-color .4s cubic-bezier(.25,.8,.25,1)}.finmars-button.fm-raised[data-v-66f97398]{box-shadow:0 1px 3px 1px #00000026;box-shadow:0 1px 2px #0000004d}.finmars-button.signed-button[data-v-66f97398]{border-radius:initial}.finmars-button.fm-raised[data-v-66f97398]{color:var(--secondary-color);background-color:var(--outline-background-color)}.finmars-button.fm-primary.fm-raised[data-v-66f97398]{padding:0 15px;color:var(--on-primary-color);background-color:var(--primary-color);box-shadow:0 2px 5px #00000042}.finmars-button.fm-primary.fm-raised[data-v-66f97398]:not([disabled]):hover{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary.fm-raised:not([disabled]).md-focused[data-v-66f97398]{opacity:.5;background-color:var(--primary-color)}.finmars-button.fm-primary[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button[data-v-66f97398]{min-width:auto;max-height:36px;background-color:var(--outline-background-color);color:var(--primary-color);border:1px solid var(--outline-color)}.finmars-button.outline-button[data-v-66f97398]:not([disabled]):hover{opacity:.8}.finmars-button.outline-button span.material-icons[data-v-66f97398]{color:var(--primary-color)}.finmars-button.outline-button ng-md-icon svg[data-v-66f97398]{fill:var(--primary-color)}.finmars-button.align-button[data-v-66f97398]{background-color:var(--page-background-color);color:var(--secondary-color)}.finmars-button.align-button[data-v-66f97398]:hover{color:var(--primary-color)}.finmars-button.align-button.active[data-v-66f97398]{color:var(--primary-color);background-color:#f05a221a}button.fm-raised.md-warn.finmars-button[data-v-66f97398]{fill:var(--color-error)}.classifier-select-dialog-view[data-v-66f97398]{width:500px}.icon-btn-basics[data-v-66f97398]{background-color:transparent;border:none}.finmars-button.link-button[data-v-66f97398]{background-color:transparent;color:var(--primary-color);font-weight:500}.finmars-button.link-button[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color)}.icon-button-small[data-v-66f97398]{min-width:2px;margin:2px;height:32px;min-height:32px;box-sizing:border-box;font-size:12px;padding:0 8px;line-height:40px;color:var(--secondary-color)}.icon-button-small .material-icons[data-v-66f97398]{font-size:20px;line-height:1.5}.icon-button-small[data-v-66f97398]:not([disabled]):hover{background:var(--state-active-background-color);opacity:.8}.finmars-button.md-default-theme.fm-raised[data-v-66f97398]:not([disabled]):hover,.finmars-button.fm-raised[data-v-66f97398]:not([disabled]):hover{background-color:var(--state-active-background-color);opacity:.8}
+:root{--primary-color-rgb: 143, 76, 54;--primary-color: rgb(var(--primary-color-rgb));--onPrimary-color: rgb(255, 255, 255);--baseText-color: rgb(35, 25, 23);--baseText-fontSize: .875rem;--baseText-fontWeight: 400;--baseText-lineHeight: 1.25rem;--baseText-letterSpacing: .01563rem;--baseText-fontFamily: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue";--base-heading-color: #53433F;--base-backgroundColor: #FFFFFF;--container-background-color: #F7E4DF;--table-header-background-color: #FFF1ED;--active-state-background-color: #FFDBD0;--active-state-color: #2C160E;--border-color: #85736E;--light-borderColor: #D8C2BC;--hover-opacity: .92;--focus-opacity: .88;--disabled-opacity: .38;--success-color: #F4E2A7;--error-color: #BA1A1A;--icon-disabled-opacity: .38;--button-disabled-opacity: var(--disabled-opacity);--icon-padding: .5rem}body.dark{--primary-color-rgb: 255, 181, 157;--primary-color: rgb(var(--primary-color-rgb));--onPrimary-color: rgb(85, 32, 13);--base-backgroundColor: rgba(26, 17, 15, 1);--baseText-color: rgb(241, 223, 218);--baseHeading-color: #D8C2BC;--baseBackground-color: #1A110F;--container-backgroundColor: #271D1B;--activeState-backgroundColor: #5D4036;--activeState-color: #FFDBD0;--border-color: #A08D87;--light-border-color: #D8C2BC;--hover-opacity: .92;--hover-primary-color: rgba(255, 181, 157, var(--hover-opacity));--hover-primary-backgroundColor: rgba(255, 181, 157, var(--hover-opacity));--focus-opacity: .88;--disabled-opacity: .38;--success-color: #52461A;--error-color: rgb(186, 26, 26);--tableHeader-backgroundColor: #1A110F;--tableBody-backgroundColor: var(--base-backgroundColor)}body{font-family:var(--baseText-fontFamily);font-size:var(--baseText-fontSize);font-weight:var(--baseText-fontWeight);line-height:var(--baseText-lineHeight);letter-spacing:var(--baseText-letterSpacing);color:var(--baseText-color);background-color:var(--base-backgroundColor)}:root{--tooltip-fontFamily: var(--baseText-fontFamily);--tooltip-fontSize: .75rem;--tooltip-fontWeight: 400;--tooltip-lineHeight: 1rem;--tooltip-letterSpacing: var(--tooltip-letterSpacing);--tooltip-color: rgba(255, 237, 232, 1);--tooltip-backgroundColor: rgba(57, 46, 43, 1);--tooltip-padding: .25rem .5rem;--tooltip-borderWidth: unset;--tooltip-borderStyle: unset;--tooltip-borderColor: unset;--tooltip-border: var(--tooltip-borderWidth) var(--tooltip-borderStyle) var(--tooltip-borderColor);--tooltip-borderRadius: .25rem;--tooltip-error-fontSize: var(--tooltip-fontSize);--tooltip-error-color: var(--tooltip-color);--tooltip-error-backgroundColor: var(--error-color);--tooltip-error-padding: var(--tooltip-padding);--tooltip-error-borderWidth: unset;--tooltip-error-borderStyle: unset;--tooltip-error-borderColor: unset;--tooltip-error-border: var(--tooltip-error-borderWidth) var(--tooltip-error-borderStyle) var(--tooltip-error-borderColor)}body.dark{--tooltip-color: rgba(57, 46, 43, 1);--tooltip-backgroundColor: rgba(255, 237, 232, 1)}.v-popper--theme-tooltip .v-popper__wrapper .v-popper__inner{font-family:var(--tooltip-fontFamily);font-size:var(--tooltip-fontSize);font-weight:400;line-height:1rem;letter-spacing:.025rem;padding:var(--tooltip-padding);border-radius:var(--tooltip-borderRadius);color:var(--tooltip-color);background-color:var(--tooltip-backgroundColor);border:var(--tooltip-border)}.v-popper--theme-tooltip .v-popper__wrapper .v-popper__arrow-outer{border:none}.v-popper--theme-error-tooltip .v-popper__wrapper .v-popper__inner{padding:var(--tooltip-error-padding);color:var(--tooltip-error-color);background-color:var(--tooltip-error-backgroundColor);font-size:var(--tooltip-error-fontSize);border:var(--tooltip-error-border)}.icon[data-v-4274b3c1]{cursor:inherit;color:inherit}:root{--button-disabled-opacity: var(--disabled-opacity);--button-text-color: rgb(143, 76, 54);--button-text-backgroundColor: initial;--button-text-state-backgroundColor-rgb: 103, 80, 164;--button-text-hover-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .08);--button-text-focus-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .12);--button-text-active-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .12);--button-text-disabled-color: var(--baseText-color);--button-text-disabled-backgroundColor: unset;--button-filled-color: var(--onPrimary-color);--button-filled-backgroundColor: var(--primary-color);--button-filled-hover-backgroundColor: rgba(143, 76, 54, .92);--button-filled-focus-backgroundColor: rgba(143, 76, 54, .88);--button-filled-active-backgroundColor: rgba(143, 76, 54, .88);--button-filled-disabled-color: var(--button-filled-color);--button-filled-disabled-backgroundColor: rgba(var(--primary-color-rgb), .5)}body.dark{--button-disabled-opacity: var(--disabled-opacity);--button-text-color: var(--primary-color);--button-text-state-backgroundColor-rgb: 208, 188, 255;--button-text-hover-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .08);--button-text-focus-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .12);--button-text-active-backgroundColor: rgba(var(--button-text-state-backgroundColor-rgb), .12);--button-text-hover-color: var(--button-text-color);--button-text-focus-color: var(--button-text-color);--button-text-active-color: var(--button-text-color);--button-text-disabled-color: var(--baseText-color);--button-filled-color: var(--onPrimary-color);--button-filled-backgroundColor: var(--primary-color);--button-filled-hover-color: var(--button-filled-color);--button-filled-hover-backgroundColor: rgba(var(--primary-color-rgb), .92);--button-filled-focus-color: var(--button-filled-color);--button-filled-focus-backgroundColor: rgba(var(--primary-color-rgb), .88);--button-filled-active-color: var(--button-filled-color);--button-filled-active-backgroundColor: rgba(var(--primary-color-rgb), .88);--button-filled-disabled-color: var(--button-filled-color);--button-filled-disabled-backgroundColor: rgba(var(--primary-color-rgb), .5)}.btn[data-v-ee5fa32b].text[data-v-ee5fa32b]{color:var(--button-text-color);background-color:var(--button-text-backgroundColor)}.btn[data-v-ee5fa32b].text[data-v-ee5fa32b][data-v-ee5fa32b]:hover{background-color:var(--button-text-hover-backgroundColor)}.btn[data-v-ee5fa32b].text[data-v-ee5fa32b][data-v-ee5fa32b]:focus{background-color:var(--button-text-focus-backgroundColor)}.btn[data-v-ee5fa32b].text[data-v-ee5fa32b][data-v-ee5fa32b]:active{background-color:var(--button-text-active-backgroundColor)}.btn[data-v-ee5fa32b].text[data-v-ee5fa32b][data-v-ee5fa32b]:disabled{opacity:var(--button-disabled-opacity);color:var(--button-text-disabled-color);background-color:var(--button-text-disabled-backgroundColor)}.btn[data-v-ee5fa32b].filled[data-v-ee5fa32b]{color:var(--button-filled-color);background-color:var(--button-filled-backgroundColor)}.btn[data-v-ee5fa32b].filled[data-v-ee5fa32b][data-v-ee5fa32b]:hover{background-color:var(--button-filled-hover-backgroundColor)}.btn[data-v-ee5fa32b].filled[data-v-ee5fa32b][data-v-ee5fa32b]:focus{background-color:var(--button-filled-focus-backgroundColor)}.btn[data-v-ee5fa32b].filled[data-v-ee5fa32b][data-v-ee5fa32b]:active{background-color:var(--button-filled-active-backgroundColor)}.btn[data-v-ee5fa32b].filled[data-v-ee5fa32b][data-v-ee5fa32b]:disabled{opacity:var(--button-disabled-opacity);color:var(--button-filled-disabled-color);background-color:var(--button-filled-disabled-backgroundColor)}:root{--iconButton-color: var(--primary-color);--iconButton-padding: .25rem;--iconButton-backgroundColor: initial;--iconButton-state-backgroundColor-rgb: 73, 69, 79;--iconButton-hover-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .08);--iconButton-focus-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .12);--iconButton-active-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .12);--iconButton-hover-color: var(--iconButton-color);--iconButton-focus-color: var(--iconButton-color);--iconButton-active-color: var(--iconButton-color);--iconButton-disabled-color: var(--baseText-color);--iconButton-disabled-backgroundColor: unset;--iconButton-filled-color: var(--onPrimary-color);--iconButton-filled-backgroundColor: var(--primary-color);--iconButton-filled-state-backgroundColor-rgb: var(--primary-color-rgb);--iconButton-filled-hover-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-focus-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-active-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-hover-color: var(--iconButton-filled-color);--iconButton-filled-focus-color: var(--iconButton-filled-color);--iconButton-filled-active-color: var(--iconButton-filled-color);--iconButton-filled-disabled-color: var(--baseText-color);--iconButton-filled-disabled-backgroundColor: rgba(29, 27, 32, .5)}body.dark{--iconButton-color: var(--primary-color);--iconButton-state-backgroundColor-rgb: 202, 196, 208;--iconButton-hover-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .08);--iconButton-focus-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .12);--iconButton-active-backgroundColor: rgba(var(--iconButton-state-backgroundColor-rgb), .12);--iconButton-disabled-color: var(--baseText-color);--iconButton-filled-color: var(--onPrimary-color);--iconButton-filled-backgroundColor: var(--primary-color);--iconButton-filled-state-backgroundColor-rgb: var(--primary-color-rgb);--iconButton-filled-hover-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-focus-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-active-backgroundColor: rgb(var(--iconButton-filled-state-backgroundColor-rgb));--iconButton-filled-disabled-color: var(--baseText-color);--iconButton-filled-disabled-backgroundColor: rgba(230, 224, 233, .5)}.icon-btn[data-v-d31731da]{padding:var(--iconButton-padding)}.icon-btn[data-v-d31731da].basic[data-v-d31731da]{color:var(--iconButton-color);background-color:var(--iconButton-backgroundColor)}.icon-btn[data-v-d31731da].basic[data-v-d31731da][data-v-d31731da]:hover{background-color:var(--iconButton-hover-backgroundColor)}.icon-btn[data-v-d31731da].basic[data-v-d31731da][data-v-d31731da]:focus{background-color:var(--iconButton-focus-backgroundColor)}.icon-btn[data-v-d31731da].basic[data-v-d31731da][data-v-d31731da]:active{background-color:var(--iconButton-active-backgroundColor)}.icon-btn[data-v-d31731da].basic[data-v-d31731da][data-v-d31731da]:disabled{opacity:var(--icon-disabled-opacity);color:var(--iconButton-disabled-color);background-color:var(--iconButton-disabled-backgroundColor)}.icon-btn[data-v-d31731da].filled[data-v-d31731da]{color:var(--iconButton-filled-color);background-color:var(--iconButton-filled-backgroundColor)}.icon-btn[data-v-d31731da].filled[data-v-d31731da][data-v-d31731da]:hover{background-color:var(--iconButton-filled-hover-backgroundColor)}.icon-btn[data-v-d31731da].filled[data-v-d31731da][data-v-d31731da]:focus{background-color:var(--iconButton-filled-focus-backgroundColor)}.icon-btn[data-v-d31731da].filled[data-v-d31731da][data-v-d31731da]:active{background-color:var(--iconButton-filled-active-backgroundColor)}.icon-btn[data-v-d31731da].filled[data-v-d31731da][data-v-d31731da]:disabled{opacity:var(--icon-disabled-opacity);color:var(--iconButton-filled-disabled-color);background-color:var(--iconButton-filled-disabled-backgroundColor)}:root{--card-backgroundColor: rgb(255, 241, 237);--card-padding: 1.25rem;--cardFooter-height: calc( 2.5rem + var(--cardFooter-paddingTop) + var(--cardFooter-paddingBottom) );--cardFooter-paddingTop: var(--card-padding);--cardFooter-paddingBottom: var(--card-padding);--cardFooterSpace-paddingBottom: var(--cardFooter-height);--card-borderWidth: .05rem;--card-borderColor: var(--border-color);--card-borderRadius: .75rem;--cardTitle-fontSize: 6rem;--cardTitle-fontFamily: var(--baseText-fontFamily);--cardTitle-fontWeight: 400;--cardTitle-lineHeight: 1.5rem;--cardTitle-letterSpacing: var(--baseText-letterSpacing)}body.dark{--card-backgroundColor: rgb(26, 17, 15)}:root{--input-height: 2.5rem;--input-borderWidth: .05rem;--input-thick-borderWidth: .125rem;--input-borderStyle: solid;--input-borderColor: var(--border-color);--input-border: var(--input-borderWidth) var(--input-borderStyle) var(--input-borderColor);--input-padding: calc(var(--input-thick-borderWidth) - var(--input-borderWidth));--input-borderRadius: .25rem;--input-color: var(--baseText-color);--inputLabel-fontSize: .75rem;--inputBottomText-fontSize: .75rem;--input-focus-borderWidth: var(--input-thick-borderWidth);--input-focus-borderColor: var(--primary-color);--input-focus-borderStyle: var(--input-borderStyle);--input-focus-border: var(--input-focus-borderWidth) var(--input-focus-borderStyle) var(--input-focus-borderColor);--input-focus-padding: 0;--input-error-borderColor: var(--error-color);--input-error-borderStyle: var(--input-borderStyle);--input-disabled-opacity: var(--disabled-opacity);--input-disabled-color: var(--baseText-color)}body.dark{--input-borderColor: var(--border-color);--input-border: var(--input-borderWidth) var(--input-borderStyle) var(--input-borderColor);--input-padding: calc(var(--input-thick-borderWidth) - var(--input-borderWidth));--input-color: var(--baseText-color);--input-focus-borderWidth: var(--input-thick-borderWidth);--input-focus-borderColor: var(--primary-color);--input-focus-borderStyle: var(--input-borderStyle);--input-focus-border: var(--input-focus-borderWidth) var(--input-focus-borderStyle) var(--input-focus-borderColor);--input-error-borderColor: var(--error-color);--input-error-borderStyle: var(--input-borderStyle);--input-disabled-opacity: var(--disabled-opacity);--input-disabled-color: var(--baseText-color)}.top-left-border[data-v-42eceb6b],.top-right-border[data-v-42eceb6b]{border-top:var(--input-border)}.base-input[data-v-42eceb6b].error[data-v-42eceb6b]:not(.disabled) .bi_top[data-v-42eceb6b] .top-left-border[data-v-42eceb6b],.base-input[data-v-42eceb6b].error[data-v-42eceb6b]:not(.disabled) .bi_top[data-v-42eceb6b] .top-right-border[data-v-42eceb6b]{border-top-style:var(--input-error-borderStyle);border-top-color:var(--input-error-borderColor)}.base-input[data-v-42eceb6b].error[data-v-42eceb6b]:not(.disabled) .bi-wrap[data-v-42eceb6b]{border-right-style:var(--input-error-borderStyle);border-right-color:var(--input-error-borderColor);border-bottom-style:var(--input-error-borderStyle);border-bottom-color:var(--input-error-borderColor);border-left-style:var(--input-error-borderStyle);border-left-color:var(--input-error-borderColor)}.base-input[data-v-42eceb6b][data-v-42eceb6b]:hover .side-items[data-v-42eceb6b]:not(.empty){display:flex}.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within .bi-label[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus .bi-label[data-v-42eceb6b]{top:-8px;flex-basis:auto;padding:0 .5rem;font-size:var(--inputLabel-fontSize);opacity:1}.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within .bi_top[data-v-42eceb6b] .top-left-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within .bi_top[data-v-42eceb6b] .top-right-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus .bi_top[data-v-42eceb6b] .top-left-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus .bi_top[data-v-42eceb6b] .top-right-border[data-v-42eceb6b]{border-top-width:var(--input-focus-borderWidth)}.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within .bi-wrap[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus .bi-wrap[data-v-42eceb6b]{padding:var(--input-focus-padding);border-width:var(--input-focus-borderWidth)}.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within[data-v-42eceb6b]:not(.error) .bi_top[data-v-42eceb6b] .top-left-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within[data-v-42eceb6b]:not(.error) .bi_top[data-v-42eceb6b] .top-right-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus[data-v-42eceb6b]:not(.error) .bi_top[data-v-42eceb6b] .top-left-border[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus[data-v-42eceb6b]:not(.error) .bi_top[data-v-42eceb6b] .top-right-border[data-v-42eceb6b]{border-top:var(--input-focus-border)}.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus-within[data-v-42eceb6b]:not(.error) .bi-wrap[data-v-42eceb6b],.base-input[data-v-42eceb6b][data-v-42eceb6b]:not(.disabled):not(.readonly):focus[data-v-42eceb6b]:not(.error) .bi-wrap[data-v-42eceb6b]{border-right:var(--input-focus-border);border-bottom:var(--input-focus-border);border-left:var(--input-focus-border)}.base-input[data-v-42eceb6b].filled[data-v-42eceb6b] .bi-label[data-v-42eceb6b]{top:-8px;flex-basis:auto;padding:0 .5rem;font-size:var(--inputLabel-fontSize);opacity:1}.base-input[data-v-42eceb6b].disabled[data-v-42eceb6b] .bi-label[data-v-42eceb6b],.base-input[data-v-42eceb6b].disabled[data-v-42eceb6b] .input-button-wrap[data-v-42eceb6b],.base-input[data-v-42eceb6b].disabled[data-v-42eceb6b] .bi-main[data-v-42eceb6b],.base-input[data-v-42eceb6b].disabled[data-v-42eceb6b] .bottom-text[data-v-42eceb6b]{opacity:var(--input-disabled-opacity);color:var(--input-disabled-color)}:root{--modalHeader-height: 3rem;--modalFooter-height: 3.5rem;--modal-backgroundColor: rgb(247, 228, 223);--modalHeader-backgroundColor: var(--modal-backgroundColor);--modalContent-backgroundColor: var(--modal-backgroundColor);--modalFooter-backgroundColor: var(--modal-backgroundColor);--modal-borderRadius: .25rem;--modalTitle-fontSize: 1.5rem;--modalTitle-fontFamily: var(--baseText-fontFamily);--modalTitle-fontWeight: 400;--modalTitle-lineHeight: 2rem;--modalTitle-letterSpacing: var(--baseText-letterSpacing)}body.dark{--modal-backgroundColor: rgb(50, 40, 37);--modalHeader-backgroundColor: var(--modal-backgroundColor);--modalContent-backgroundColor: var(--modal-backgroundColor);--modalFooter-backgroundColor: var(--modal-backgroundColor)}.modal-wrap.minimal .modal_content[data-v-15949a71]{padding:0}.modal_top[data-v-15949a71]{height:var(--modalHeader-height);padding:0 20px;border-bottom:1px solid var(--table-border-color)}.modal_content[data-v-15949a71]{overflow:auto;max-height:calc(90vh - var(--modalHeader-height) - var(--modalFooter-height));height:calc(100% - var(--modalHeader-height) - var(--modalFooter-height));padding:15px 20px 0;min-width:400px}.modal_bottom[data-v-15949a71]{height:var(--modalFooter-height);border-top:1px solid var(--table-border-color);padding:10px 20px}@media screen and (max-width: 768px){.modal[data-v-15949a71]{width:100%;height:100%;max-height:100%}}.fade-enter-active[data-v-15949a71],.fade-leave-active[data-v-15949a71]{transition:opacity .3s}.fade-enter[data-v-15949a71],.fade-leave-to[data-v-15949a71]{opacity:0}

package/dist/finmars-ui.es.js

@@ -1,24 +1,713 @@
-import { reactive as s, openBlock as a, createElementBlock as c, mergeProps as p, renderSlot as u } from "vue";
-const f = (t, e) => {
-  const r = t.__vccOpts || t;
-  for (const [n, o] of e)
-    r[n] = o;
-  return r;
-}, i = {
-  name: "finmars-button",
-  props: {},
-  setup(t, { emit: e }) {
-    t = s(t);
+import { openBlock as d, createElementBlock as b, normalizeStyle as j, toDisplayString as x, normalizeClass as g, withModifiers as T, createBlock as z, createCommentVNode as p, renderSlot as v, createVNode as m, ref as $, watch as w, resolveDirective as M, createElementVNode as a, unref as h, withDirectives as F, pushScopeId as q, popScopeId as _, computed as L, Teleport as U, Transition as A, withCtx as k, mergeProps as D, toHandlerKey as K, vShow as G, resolveComponent as J, Fragment as Q, isRef as S, createTextVNode as O, vModelText as X, nextTick as Y } from "vue";
+const y = (o, l) => {
+  const e = o.__vccOpts || o;
+  for (const [r, t] of l)
+    e[r] = t;
+  return e;
+}, Z = {
+  __name: "Icon",
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: Number,
+      default: 1.5
+    }
+  },
+  setup(o) {
+    return (l, e) => (d(), b("div", {
+      class: "icon material-icons color-[inherit] w-[inherit]",
+      style: j({ fontSize: o.size + "rem" })
+    }, x(o.icon), 5));
+  }
+}, C = /* @__PURE__ */ y(Z, [["__scopeId", "data-v-4274b3c1"]]), oo = {
+  __name: "Btn",
+  props: {
+    icon: String,
+    type: {
+      type: String,
+      default: "text",
+      validator: (o) => ["text", "filled"].includes(o)
+    }
+  },
+  setup(o) {
+    return (l, e) => (d(), b("button", {
+      class: g(["h-10 px-6 flex items-center rounded-3xl text-sm outline-none", ["btn", o.type]]),
+      onMousedown: e[0] || (e[0] = T(() => {
+      }, ["prevent"]))
+    }, [
+      o.icon ? (d(), z(C, {
+        key: 0,
+        icon: o.icon
+      }, null, 8, ["icon"])) : p("", !0),
+      v(l.$slots, "default", {}, void 0, !0)
+    ], 34));
+  }
+}, eo = /* @__PURE__ */ y(oo, [["__scopeId", "data-v-ee5fa32b"]]), to = {
+  __name: "IconBtn",
+  props: {
+    icon: {
+      type: String,
+      required: !0
+    },
+    size: {
+      type: Number,
+      default: 1.5
+    },
+    type: {
+      type: String,
+      default: "basic",
+      validator: (o) => ["basic", "filled"].includes(o)
+    }
+  },
+  setup(o) {
+    return (l, e) => (d(), b("button", {
+      class: g(["icon-btn block leading-none rounded-full outline-none", [o.type]])
+    }, [
+      m(C, {
+        class: "block",
+        icon: o.icon,
+        size: o.size
+      }, null, 8, ["icon", "size"])
+    ], 2));
+  }
+}, ro = /* @__PURE__ */ y(to, [["__scopeId", "data-v-d31731da"]]), lo = {
+  key: 0,
+  class: "break-words text-2xl mb-6 -text--cardTitle-fontSize -font--cardTitle-fontFamily -font--cardTitle-fontWeight -leading--cardTitle-lineHeight -tracking--cardTitle-letterSpacing"
+}, no = {
+  key: 1,
+  class: "absolute bottom-0 left-0 w-full box-border -h--cardFooter-height -pt--cardFooter-paddingTop -pb--cardFooter-paddingBottom px-5"
+}, ao = {
+  __name: "index",
+  props: {
+    title: String
+  },
+  setup(o) {
+    return (l, e) => (d(), b("div", {
+      class: g(["relative break-words -bg--card-backgroundColor -p--card-padding -border--card-borderWidth border-solid -border--card-borderColor -rounded--card-borderRadius box-border", {
+        "-pb--cardFooterSpace-paddingBottom": l.$slots.footer
+      }])
+    }, [
+      o.title ? (d(), b("div", lo, x(o.title), 1)) : p("", !0),
+      v(l.$slots, "default"),
+      l.$slots.footer ? (d(), b("div", no, [
+        v(l.$slots, "footer")
+      ])) : p("", !0)
+    ], 2));
+  }
+}, io = { class: "p-0.5 leading-none outline-0 disabled:-opacity--input-disabled-opacity disabled:-text--input-disabled-color" }, W = {
+  __name: "Btn",
+  props: {
+    icon: String
+  },
+  setup(o) {
+    return (l, e) => (d(), b("button", io, [
+      v(l.$slots, "default", {}, () => [
+        o.icon ? (d(), z(C, {
+          key: 0,
+          icon: o.icon
+        }, null, 8, ["icon"])) : p("", !0)
+      ])
+    ]));
+  }
+}, P = (o) => (q("data-v-42eceb6b"), o = o(), _(), o), co = { class: "bi_top absolute left-0 z-[-1] flex w-full" }, uo = /* @__PURE__ */ P(() => /* @__PURE__ */ a("div", { class: "top-left-border flex grow-0 shrink-0 basis-3 w-3 h-[5px] -rounded-tl--input-borderRadius" }, null, -1)), so = /* @__PURE__ */ P(() => /* @__PURE__ */ a("div", { class: "top-right-border flex grow-0 shrink-[3] basis-full h-[5px] -rounded-tr--input-borderRadius" }, null, -1)), bo = { class: "flex items-center w-full -h--input-height pl-2" }, fo = { class: "input-button-wrap leading-none" }, po = ["type", "placeholder", "value", "readonly", "disabled"], vo = {
+  key: 0,
+  class: "w-6 flex items-center -text--error-color"
+}, go = {
+  key: 1,
+  class: "w-6 hidden items-center group-hover:flex"
+}, mo = { class: "mr-2.5" }, ho = {
+  key: 0,
+  class: "bottom-text pt-1 px-4 -text--inputBottomText-fontSize -text--error-color"
+}, Co = {
+  __name: "index",
+  props: {
+    modelValue: [String, Number],
+    type: String,
+    label: String,
+    placeholder: String,
+    readonly: Boolean,
+    disabled: Boolean,
+    required: Boolean,
+    leftIcon: String,
+    tooltip: String,
+    // error: [String, Array]
+    errorData: Object
+  },
+  emits: [
+    "update:modelValue",
+    "leftButtonClick",
+    "update:errorData",
+    "onBlur",
+    "onFocus"
+  ],
+  setup(o, { expose: l, emit: e }) {
+    let r = o, t = e, i = $(null);
+    l({
+      mainInput: i
+    }), w(
+      () => r.modelValue,
+      () => {
+        r.errorData && r.errorData.code === 30 && r.modelValue && t("update:errorData", null);
+      }
+    ), r.required && w(
+      () => r.errorData ? r.errorData.validate : !1,
+      (u) => {
+        if (u) {
+          const s = r.modelValue ? null : { message: "Field should not be null" };
+          t("update:errorData", s);
+        }
+      }
+    );
+    function n() {
+      r.disabled || i.value && i.value.focus();
+    }
+    return (u, s) => {
+      const B = M("tooltip");
+      return d(), b("div", {
+        class: g(["base-input group my-1.5 relative z-[1] -rounded--input-borderRadius -text--input-color transition-[border] duration-300", {
+          error: o.errorData,
+          disabled: o.disabled,
+          filled: o.modelValue
+        }]),
+        tabindex: "-1",
+        onClick: n
+      }, [
+        a("div", co, [
+          uo,
+          o.label ? (d(), b("div", {
+            key: 0,
+            class: g(["bi-label flex grow-1 shrink-0 basis-0 relative top-0 z-0 -text--inputLabel-fontSize opacity-0 overflow-hidden whitespace-nowrap overflow-ellipsis transition-all ease-linear duration-200", {
+              "-opacity--input-disabled": o.disabled,
+              "-text--error-color": o.errorData && !o.disabled
+            }])
+          }, x(o.label), 3)) : p("", !0),
+          so
+        ]),
+        a("div", {
+          class: g(["bi-wrap -p--input-padding border-solid -border--input-borderWidth border-t-transparent -border-x--input-borderColor -border-b--input-borderColor -rounded--input-borderRadius", {
+            "--border-r--error-color": o.errorData && !o.disabled,
+            "--border-b--error-color": o.errorData && !o.disabled,
+            "--border-l--error-color": o.errorData && !o.disabled
+          }])
+        }, [
+          a("div", bo, [
+            a("div", fo, [
+              o.leftIcon ? (d(), z(W, {
+                key: 0,
+                icon: o.leftIcon,
+                disabled: o.disabled,
+                onClick: s[0] || (s[0] = T((c) => h(t)("leftButtonClick"), ["stop"]))
+              }, null, 8, ["icon", "disabled"])) : p("", !0)
+            ]),
+            a("div", {
+              class: g(["bi-main flex grow-0 shrink basis-full h-full min-w-0", {
+                "pl-0.5": !u.$slots.left
+              }])
+            }, [
+              v(u.$slots, "default", {}, () => [
+                a("input", {
+                  ref_key: "mainInput",
+                  ref: i,
+                  type: o.type,
+                  placeholder: o.placeholder || o.label,
+                  value: o.modelValue,
+                  readonly: o.readonly,
+                  disabled: o.disabled,
+                  onInput: s[1] || (s[1] = (c) => u.$emit("update:modelValue", c.target.value)),
+                  onFocus: s[2] || (s[2] = T((c) => u.$emit("onFocus"), ["stop"])),
+                  onBlur: s[3] || (s[3] = (c) => u.$emit("onBlur")),
+                  class: "w-full h-[inherit] bg-inherit outline-0 focus:placeholder:opacity-0"
+                }, null, 40, po)
+              ], !0)
+            ], 2),
+            a("div", {
+              class: g(["side-items hidden items-center", {
+                empty: !u.$slots.right
+              }]),
+              onClick: s[4] || (s[4] = T(() => {
+              }, ["stop"]))
+            }, [
+              v(u.$slots, "right", {}, void 0, !0)
+            ], 2),
+            o.errorData ? (d(), b("div", vo, [
+              F(m(C, { icon: "info" }, null, 512), [
+                [B, { content: o.errorData.longMessage, theme: "error-tooltip" }]
+              ])
+            ])) : o.tooltip ? (d(), b("div", go, [
+              F(m(C, { icon: "info_outlined" }, null, 512), [
+                [B, o.tooltip]
+              ])
+            ])) : p("", !0),
+            a("div", mo, [
+              v(u.$slots, "rightPart", {}, void 0, !0)
+            ])
+          ])
+        ], 2),
+        o.errorData ? (d(), b("div", ho, x(o.errorData.message), 1)) : p("", !0)
+      ], 2);
+    };
+  }
+}, R = /* @__PURE__ */ y(Co, [["__scopeId", "data-v-42eceb6b"]]), ko = { class: "modal_top flex items-center justify-between -bg--modalHeader-backgroundColor -rounded-t--modal-borderRadius" }, xo = { class: "flex items-center" }, yo = { class: "-text--modalTitle-fontSize -font--modalTitle-fontFamily -font--modalTitle-fontWeight -leading--modalTitle-lineHeight -tracking---modalTitle-letterSpacing" }, Bo = { class: "modal_content -bg--modalContent-backgroundColor" }, So = {
+  key: 0,
+  class: "modal_bottom -bg--modalFooter-backgroundColor -rounded-b--modal-borderRadius"
+}, To = {
+  __name: "index",
+  props: {
+    modelValue: Boolean,
+    type: {
+      type: String,
+      default: "basic",
+      validator: (o) => ["basic", "minimal"].includes(o)
+    },
+    title: String,
+    controls: Object,
+    closeOnClickOutside: Boolean,
+    closingDisabled: Boolean
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(o, { emit: l }) {
+    let e = o, r = l, t = L(
+      () => e.closeOnClickOutside ? "click" : !1
+    );
+    function i() {
+      e.closingDisabled || (r("update:modelValue", !1), r("close"));
+    }
+    return w(
+      () => e.modelValue,
+      (n) => {
+        n ? (document.querySelector("html").style.overflow = "hidden", r("open")) : document.querySelector("html").style.overflow = "initial";
+      }
+    ), (n, u) => o.modelValue ? (d(), z(U, {
+      key: 0,
+      to: "body"
+    }, [
+      m(A, { name: "fade" }, {
+        default: k(() => [
+          F(a("div", {
+            class: g(["flex justify-center items-center fixed inset-0 -z---modal-zIndex -text--baseText-color", { type: o.type }]),
+            "aria-labelledby": "modal wrapper"
+          }, [
+            a("div", D({
+              class: "absolute inset-0 bg-[rgba(0,0,0,0.55)]",
+              "aria-labelledby": "backdrop"
+            }, { [K(h(t))]: i }), null, 16),
+            a("div", D({ class: "modal relative min-w-80 max-w-[90%] -rounded--modal-borderRadius" }, n.$attrs), [
+              a("div", ko, [
+                a("div", xo, [
+                  a("div", yo, x(o.title), 1),
+                  v(n.$slots, "header", {}, void 0, !0)
+                ])
+              ]),
+              a("div", Bo, [
+                v(n.$slots, "default", {}, void 0, !0)
+              ]),
+              n.$slots.footer ? (d(), b("div", So, [
+                v(n.$slots, "footer", { cancel: i }, void 0, !0)
+              ])) : p("", !0)
+            ], 16)
+          ], 2), [
+            [G, o.modelValue]
+          ])
+        ]),
+        _: 3
+      })
+    ])) : p("", !0);
+  }
+}, H = /* @__PURE__ */ y(To, [["__scopeId", "data-v-15949a71"]]), $o = { class: "width-100 height-100" }, wo = { class: "flex justify-between" }, Fo = {
+  __name: "Text",
+  props: {
+    modelValue: String,
+    label: String,
+    placeholder: String,
+    tooltip: String,
+    required: Boolean,
+    noIndicatorButton: Boolean,
+    errorData: Object
+  },
+  emits: ["update:modelValue", "update:errorData"],
+  setup(o, { emit: l }) {
+    let e = o, r = l, t = $(!1), i = $(null), n = $("");
+    async function u() {
+      await Y(), i.value.focus();
+    }
+    function s() {
+      r("update:modelValue", n.value), t.value = !1;
+    }
+    return w(
+      t,
+      () => {
+        t.value && (n.value = e.modelValue);
+      }
+    ), (B, c) => {
+      const V = J("fm-btn");
+      return d(), b(Q, null, [
+        m(R, D(B.$attrs, {
+          "model-value": o.modelValue,
+          label: o.label,
+          "left-icon": o.noIndicatorButton ? null : "edit",
+          placeholder: o.placeholder,
+          tooltip: o.tooltip,
+          "error-data": o.errorData,
+          "onUpdate:modelValue": c[0] || (c[0] = (f) => h(r)("update:modelValue", f)),
+          "onUpdate:errorData": c[1] || (c[1] = (f) => h(r)("update:errorData", f)),
+          onLeftButtonClick: c[2] || (c[2] = (f) => S(t) ? t.value = !0 : t = !0)
+        }), null, 16, ["model-value", "label", "left-icon", "placeholder", "tooltip", "error-data"]),
+        m(H, {
+          modelValue: h(t),
+          "onUpdate:modelValue": c[5] || (c[5] = (f) => S(t) ? t.value = f : t = f),
+          title: o.label,
+          onOpen: u
+        }, {
+          footer: k(() => [
+            a("div", wo, [
+              m(V, {
+                onClick: c[4] || (c[4] = (f) => S(t) ? t.value = !1 : t = !1)
+              }, {
+                default: k(() => [
+                  O("CANCEL")
+                ]),
+                _: 1
+              }),
+              m(V, {
+                type: "filled",
+                onClick: s
+              }, {
+                default: k(() => [
+                  O("OK")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: k(() => [
+            a("div", $o, [
+              F(a("textarea", {
+                ref_key: "textEditorTextarea",
+                ref: i,
+                "onUpdate:modelValue": c[3] || (c[3] = (f) => S(n) ? n.value = f : n = f),
+                class: "h-full w-full resize-none bg-transparent p-1 border border-solid -border--input-borderColor -rounded--input-borderRadius focus:-border--input-focus-borderColor focus:outline-0"
+              }, null, 512), [
+                [X, h(n)]
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
+      ], 64);
+    };
+  }
+};
+function zo(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var E = {}, N = {};
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
+    value: !0
+  }), Object.defineProperty(o, "default", {
+    enumerable: !0,
+    get: function() {
+      return e;
+    }
+  });
+  function l(r, t) {
+    return {
+      handler: r,
+      config: t
+    };
+  }
+  l.withOptions = function(r, t = () => ({})) {
+    const i = function(n) {
+      return {
+        __options: n,
+        handler: r(n),
+        config: t(n)
+      };
+    };
+    return i.__isOptionsFunction = !0, i.__pluginFunction = r, i.__configFunction = t, i;
+  };
+  const e = l;
+})(N);
+(function(o) {
+  Object.defineProperty(o, "__esModule", {
+    value: !0
+  }), Object.defineProperty(o, "default", {
+    enumerable: !0,
+    get: function() {
+      return r;
+    }
+  });
+  const l = /* @__PURE__ */ e(N);
+  function e(t) {
+    return t && t.__esModule ? t : {
+      default: t
+    };
+  }
+  const r = l.default;
+})(E);
+let I = E;
+var Io = (I.__esModule ? I : { default: I }).default;
+const Do = /* @__PURE__ */ zo(Io), Vo = {
+  fontSize: {
+    "--baseText-fontSize": "var(--baseText-fontSize)"
+  },
+  fontFamily: {
+    "--baseText-fontFamily": "var(--baseText-fontFamily)"
+  },
+  fontWeight: {
+    "--baseText-fontWeight": "var(--baseText-fontWeight)"
+  },
+  lineHeight: {
+    "--baseText-lineHeight": "var(--baseText-lineHeight)"
+  },
+  letterSpacing: {
+    "--baseText-letterSpacing": "var(--baseText-letterSpacing)"
+  },
+  padding: {
+    "--icon-padding": "var(--icon-padding)",
+    "--iconButton-padding": "var(--iconButton-padding)"
+  },
+  colors: {
+    "--primary-color": "var(--primary-color)",
+    "--error-color": "var(--error-color)",
+    "--baseText-color": "var(--baseText-color)",
+    "--iconButton-color": "var(--iconButton-color)",
+    "--iconButton-backgroundColor": "var(--iconButton-backgroundColor)",
+    "--iconButton-hover-color": "var(--iconButton-hover-color)",
+    "--iconButton-hover-backgroundColor": "var(--iconButton-hover-backgroundColor)",
+    "--iconButton-focus-color": "var(--iconButton-focus-color)",
+    "--iconButton-focus-backgroundColor": "var(--iconButton-focus-backgroundColor)",
+    "--iconButton-active-color": "var(--iconButton-active-color)",
+    "--iconButton-active-backgroundColor": "var(--iconButton-active-backgroundColor)",
+    "--iconButton-disabled-color": "var(--iconButton-disabled-color)",
+    "--iconButton-disabled-backgroundColor": "var(--iconButton-disabled-backgroundColor)",
+    "--iconButton-filled-color": "var(--iconButton-filled-color)",
+    "--iconButton-filled-backgroundColor": "var(--iconButton-filled-backgroundColor)",
+    "--iconButton-filled-hover-color": "var(--iconButton-filled-hover-color)",
+    "--iconButton-filled-hover-backgroundColor": "var(--iconButton-filled-hover-backgroundColor)",
+    "--iconButton-filled-focus-color": "var(--iconButton-filled-focus-color)",
+    "--iconButton-filled-focus-backgroundColor": "var(--iconButton-filled-focus-backgroundColor)",
+    "--iconButton-filled-active-color": "var(--iconButton-filled-active-color)",
+    "--iconButton-filled-active-backgroundColor": "var(--iconButton-filled-active-backgroundColor)",
+    "--iconButton-filled-disabled-color": "var(--iconButton-filled-disabled-color)",
+    "--iconButton-filled-disabled-backgroundColor": "var(--iconButton-filled-disabled-backgroundColor)",
+    "--button-text-color": "var(--button-text-color)",
+    "--button-text-backgroundColor": "var(--button-text-backgroundColor)",
+    "--button-text-hover-color": "var(--button-text-hover-color)",
+    "--button-text-hover-backgroundColor": "var(--button-text-hover-backgroundColor)",
+    "--button-text-focus-color": "var(--button-text-focus-color)",
+    "--button-text-focus-backgroundColor": "var(--button-text-focus-backgroundColor)",
+    "--button-text-active-color": "var(--button-text-active-color)",
+    "--button-text-active-backgroundColor": "var(--button-text-active-backgroundColor)",
+    "--button-text-disabled-color": "var(--button-text-disabled-color)",
+    "--button-text-disabled-backgroundColor": "var(--button-text-disabled-backgroundColor)",
+    "--button-filled-color": "var(--button-filled-color)",
+    "--button-filled-backgroundColor": "var(--button-filled-backgroundColor)",
+    "--button-filled-hover-color": "var(--button-filled-hover-color)",
+    "--button-filled-hover-backgroundColor": "var(--button-filled-hover-backgroundColor)",
+    "--button-filled-focus-color": "var(--button-filled-focus-color)",
+    "--button-filled-focus-backgroundColor": "var(--button-filled-focus-backgroundColor)",
+    "--button-filled-active-color": "var(--button-filled-active-color)",
+    "--button-filled-active-backgroundColor": "var(--button-filled-active-backgroundColor)",
+    "--button-filled-disabled-color": "var(--button-filled-disabled-color)",
+    "--button-filled-disabled-backgroundColor": "var(--button-filled-disabled-backgroundColor)"
+  },
+  backgroundColor: {
+    "--base-backgroundColor": "var(--base-backgroundColor)"
+  },
+  opacity: {
+    "--button-disabled": "var(--button-disabled-opacity)",
+    "--icon-disabled": "var(--icon-disabled-opacity)"
+  },
+  borderColor: {
+    "--border-color": "var(--border-color)",
+    "--light-borderColor": "var(--light-borderColor)"
+  }
+}, Oo = {
+  fontSize: {
+    "--tooltip-fontSize": "var(--tooltip-fontSize)",
+    "--tooltip-error-fontSize": "var(--tooltip-error-fontSize)"
+  },
+  fontFamily: {
+    "--tooltip-fontFamily": "var(--tooltip-fontFamily)"
+  },
+  fontWeight: {
+    "--tooltip-fontWeight": "var(--tooltip-fontWeight)"
+  },
+  lineHeight: {
+    "--tooltip-lineHeight": "var(--tooltip-lineHeight)"
+  },
+  letterSpacing: {
+    "--tooltip-letterSpacing": "var(--tooltip-letterSpacing)"
+  },
+  padding: {
+    "--tooltip-padding": "var(--tooltip-padding)",
+    "--tooltip-error-padding": "var(--tooltip-error-padding)"
+  },
+  colors: {
+    "--tooltip-color": "var(--tooltip-color)",
+    "--tooltip-error-color": "var(--tooltip-error-color)"
+  },
+  backgroundColor: {
+    "--tooltip-backgroundColor": "var(--tooltip-backgroundColor)",
+    "--tooltip-error-backgroundColor": "var(--tooltip-error-backgroundColor)"
+  },
+  borderColor: {
+    "--tooltip-borderColor": "var(--tooltip-borderColor)"
+  },
+  borderRadius: {
+    "--tooltip-borderRadius": "var(--tooltip-borderRadius)"
+  }
+}, Wo = {
+  height: {
+    "--input-height": "var(--input-height)"
+  },
+  fontSize: {
+    "--inputLabel-fontSize": "var(--inputLabel-fontSize)",
+    "--inputBottomText-fontSize": "var(--inputBottomText-fontSize)"
+  },
+  colors: {
+    "--input-color": "var(--input-color)",
+    "--input-disabled-color": "var(--input-disabled-color)"
+  },
+  opacity: {
+    "--input-disabled-opacity": "var(--input-disabled-opacity)"
+  },
+  padding: {
+    "--input-padding": "var(--input-padding)",
+    "--input-focus-padding": "var(--input-focus-padding)"
+  },
+  borderWidth: {
+    "--input-borderWidth": "var(--input-borderWidth)",
+    "--input-focus-borderWidth": "var(--input-focus-borderWidth)"
+  },
+  borderColor: {
+    "--input-borderColor": "var(--input-borderColor)",
+    "--input-focus-borderColor": "var(--input-focus-borderColor)",
+    "--input-error-borderColor": "var(--input-error-borderColor)"
+  },
+  borderRadius: {
+    "--input-borderRadius": "var(--input-borderRadius)"
+  }
+}, Po = {
+  height: {
+    "--modalHeader-height": "var(--modalHeader-height)",
+    "--modalFooter-height": "var(--modalFooter-height)"
+  },
+  backgroundColor: {
+    "--modalHeader-backgroundColor": "var(--modalHeader-backgroundColor)",
+    "--modalContent-backgroundColor": "var(--modalContent-backgroundColor)",
+    "--modalFooter-backgroundColor": "var(--modalFooter-backgroundColor)"
+  },
+  borderRadius: {
+    "--modal-borderRadius": "var(--modal-borderRadius)"
+  },
+  zIndex: {
+    "--modal-zIndex": "var(--modal-zIndex)",
+    "--modalBackdrop-zIndex": "var(--modalBackdrop-zIndex)"
+  },
+  fontSize: {
+    "--modalTitle-fontSize": "var(--modalTitle-fontSize)"
+  },
+  fontFamily: {
+    "--modalTitle-fontFamily": "var(--modalTitle-fontFamily)"
+  },
+  fontWeight: {
+    "--modalTitle-fontWeight": "var(--modalTitle-fontWeight)"
+  },
+  lineHeight: {
+    "--modalTitle-lineHeight": "var(--modalTitle-lineHeight)"
+  },
+  letterSpacing: {
+    "--modalTitle-letterSpacing": "var(--modalTitle-letterSpacing)"
+  }
+}, Ro = {
+  height: {
+    "--cardFooter-height": "var(--cardFooter-height)"
+  },
+  colors: {},
+  backgroundColor: {
+    "--card-backgroundColor": "var(--card-backgroundColor)"
+  },
+  padding: {
+    "--card-padding": "var(--card-padding)",
+    "--cardFooter-paddingTop": "var(--cardFooter-paddingTop)",
+    "--cardFooter-paddingBottom": "var(--cardFooter-paddingBottom)",
+    "--cardFooterSpace-paddingBottom": "var(--cardFooterSpace-paddingBottom)"
+  },
+  borderWidth: {
+    "--card-borderWidth": "var(--input-borderWidth)"
+  },
+  borderColor: {
+    "--card-borderColor": "var(--card-borderColor)"
+  },
+  borderRadius: {
+    "--card-borderRadius": "var(--card-borderRadius)"
+  },
+  fontSize: {
+    "--cardTitle-fontSize": "var(--cardTitle-fontSize)"
+  },
+  fontFamily: {
+    "--cardTitle-fontFamily": "var(--baseText-fontFamily)"
+  },
+  fontWeight: {
+    "--cardTitle-fontWeight": "var(--cardTitle-fontWeight)"
+  },
+  lineHeight: {
+    "--cardTitle-lineHeight": "var(--cardTitle-lineHeight)"
+  },
+  letterSpacing: {
+    "--cardTitle-letterSpacing": "var(--cardTitle-letterSpacing)"
   }
 };
-function m(t, e, r, n, o, d) {
-  return a(), c("button", p({
-    class: ["finmars-button", t.$attrs.class]
-  }, t.$attrs), [
-    u(t.$slots, "default", {}, void 0, !0)
-  ], 16);
+function Ho() {
+  const o = {};
+  function l(e) {
+    let r, t;
+    for ([r, t] of Object.entries(e)) {
+      o.hasOwnProperty(r) || (o[r] = {});
+      const i = o[r];
+      for (const [n, u] of Object.entries(t)) {
+        if (i.hasOwnProperty(n))
+          throw new Error(`A name of a CSS value is duplicated: '${n}'`);
+        i[n] = u;
+      }
+    }
+  }
+  return Object.values(arguments).forEach(l), o;
 }
-const _ = /* @__PURE__ */ f(i, [["render", m], ["__scopeId", "data-v-66f97398"]]);
+const Eo = Ho(
+  Vo,
+  Oo,
+  Wo,
+  Po,
+  Ro
+), jo = Do(
+  function() {
+  },
+  {
+    theme: {
+      extend: Eo
+    }
+  }
+), Mo = {
+  install(o, l = {}) {
+    let e = "";
+    l.componentNamePrefix && typeof l.componentNamePrefix == "string" ? e = l.componentNamePrefix : l.componentNamePrefix === void 0 && (e = "Fm"), o.component(`${e}Btn`, eo), o.component(`${e}Icon`, C), o.component(`${e}IconBtn`, ro), o.component(`${e}Card`, ao), o.component(`${e}BaseModal`, H), o.component(`${e}BaseInput`, R), o.component(`${e}BaseInputBtn`, W), o.component(`${e}InputText`, Fo);
+  }
+};
 export {
-  _ as FinmarsButton
+  R as BaseInput,
+  W as BaseInputBtn,
+  H as BaseModal,
+  eo as FmBtn,
+  ao as FmCard,
+  C as FmIcon,
+  ro as FmIconBtn,
+  Fo as FmInputText,
+  jo as tailwindCssVariables,
+  Mo as uiComponentsPlugin
 };

package/dist/finmars-ui.umd.js

@@ -1 +1 @@
-(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n.FinmarsUI={},n.Vue))})(this,function(n,e){"use strict";const f=(t,o)=>{const s=t.__vccOpts||t;for(const[r,i]of o)s[r]=i;return s},u={name:"finmars-button",props:{},setup(t,{emit:o}){t=e.reactive(t)}};function a(t,o,s,r,i,d){return e.openBlock(),e.createElementBlock("button",e.mergeProps({class:["finmars-button",t.$attrs.class]},t.$attrs),[e.renderSlot(t.$slots,"default",{},void 0,!0)],16)}const c=f(u,[["render",a],["__scopeId","data-v-66f97398"]]);n.FinmarsButton=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
+(function(c,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],o):(c=typeof globalThis<"u"?globalThis:c||self,o(c.FinmarsUi={},c.Vue))})(this,function(c,o){"use strict";const m=(e,n)=>{const t=e.__vccOpts||e;for(const[l,r]of n)t[l]=r;return t},f=m({__name:"Icon",props:{icon:{type:String,required:!0},size:{type:Number,default:1.5}},setup(e){return(n,t)=>(o.openBlock(),o.createElementBlock("div",{class:"icon material-icons color-[inherit] w-[inherit]",style:o.normalizeStyle({fontSize:e.size+"rem"})},o.toDisplayString(e.icon),5))}},[["__scopeId","data-v-4274b3c1"]]),B=m({__name:"Btn",props:{icon:String,type:{type:String,default:"text",validator:e=>["text","filled"].includes(e)}},setup(e){return(n,t)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["h-10 px-6 flex items-center rounded-3xl text-sm outline-none",["btn",e.type]]),onMousedown:t[0]||(t[0]=o.withModifiers(()=>{},["prevent"]))},[e.icon?(o.openBlock(),o.createBlock(f,{key:0,icon:e.icon},null,8,["icon"])):o.createCommentVNode("",!0),o.renderSlot(n.$slots,"default",{},void 0,!0)],34))}},[["__scopeId","data-v-ee5fa32b"]]),y=m({__name:"IconBtn",props:{icon:{type:String,required:!0},size:{type:Number,default:1.5},type:{type:String,default:"basic",validator:e=>["basic","filled"].includes(e)}},setup(e){return(n,t)=>(o.openBlock(),o.createElementBlock("button",{class:o.normalizeClass(["icon-btn block leading-none rounded-full outline-none",[e.type]])},[o.createVNode(f,{class:"block",icon:e.icon,size:e.size},null,8,["icon","size"])],2))}},[["__scopeId","data-v-d31731da"]]),$={key:0,class:"break-words text-2xl mb-6 -text--cardTitle-fontSize -font--cardTitle-fontFamily -font--cardTitle-fontWeight -leading--cardTitle-lineHeight -tracking--cardTitle-letterSpacing"},z={key:1,class:"absolute bottom-0 left-0 w-full box-border -h--cardFooter-height -pt--cardFooter-paddingTop -pb--cardFooter-paddingBottom px-5"},x={__name:"index",props:{title:String},setup(e){return(n,t)=>(o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["relative break-words -bg--card-backgroundColor -p--card-padding -border--card-borderWidth border-solid -border--card-borderColor -rounded--card-borderRadius box-border",{"-pb--cardFooterSpace-paddingBottom":n.$slots.footer}])},[e.title?(o.openBlock(),o.createElementBlock("div",$,o.toDisplayString(e.title),1)):o.createCommentVNode("",!0),o.renderSlot(n.$slots,"default"),n.$slots.footer?(o.openBlock(),o.createElementBlock("div",z,[o.renderSlot(n.$slots,"footer")])):o.createCommentVNode("",!0)],2))}},F={class:"p-0.5 leading-none outline-0 disabled:-opacity--input-disabled-opacity disabled:-text--input-disabled-color"},g={__name:"Btn",props:{icon:String},setup(e){return(n,t)=>(o.openBlock(),o.createElementBlock("button",F,[o.renderSlot(n.$slots,"default",{},()=>[e.icon?(o.openBlock(),o.createBlock(f,{key:0,icon:e.icon},null,8,["icon"])):o.createCommentVNode("",!0)])]))}},S=e=>(o.pushScopeId("data-v-42eceb6b"),e=e(),o.popScopeId(),e),N={class:"bi_top absolute left-0 z-[-1] flex w-full"},E=S(()=>o.createElementVNode("div",{class:"top-left-border flex grow-0 shrink-0 basis-3 w-3 h-[5px] -rounded-tl--input-borderRadius"},null,-1)),D=S(()=>o.createElementVNode("div",{class:"top-right-border flex grow-0 shrink-[3] basis-full h-[5px] -rounded-tr--input-borderRadius"},null,-1)),I={class:"flex items-center w-full -h--input-height pl-2"},O={class:"input-button-wrap leading-none"},P=["type","placeholder","value","readonly","disabled"],R={key:0,class:"w-6 flex items-center -text--error-color"},W={key:1,class:"w-6 hidden items-center group-hover:flex"},H={class:"mr-2.5"},M={key:0,class:"bottom-text pt-1 px-4 -text--inputBottomText-fontSize -text--error-color"},h=m({__name:"index",props:{modelValue:[String,Number],type:String,label:String,placeholder:String,readonly:Boolean,disabled:Boolean,required:Boolean,leftIcon:String,tooltip:String,errorData:Object},emits:["update:modelValue","leftButtonClick","update:errorData","onBlur","onFocus"],setup(e,{expose:n,emit:t}){let l=e,r=t,i=o.ref(null);n({mainInput:i}),o.watch(()=>l.modelValue,()=>{l.errorData&&l.errorData.code===30&&l.modelValue&&r("update:errorData",null)}),l.required&&o.watch(()=>l.errorData?l.errorData.validate:!1,s=>{if(s){const u=l.modelValue?null:{message:"Field should not be null"};r("update:errorData",u)}});function a(){l.disabled||i.value&&i.value.focus()}return(s,u)=>{const p=o.resolveDirective("tooltip");return o.openBlock(),o.createElementBlock("div",{class:o.normalizeClass(["base-input group my-1.5 relative z-[1] -rounded--input-borderRadius -text--input-color transition-[border] duration-300",{error:e.errorData,disabled:e.disabled,filled:e.modelValue}]),tabindex:"-1",onClick:a},[o.createElementVNode("div",N,[E,e.label?(o.openBlock(),o.createElementBlock("div",{key:0,class:o.normalizeClass(["bi-label flex grow-1 shrink-0 basis-0 relative top-0 z-0 -text--inputLabel-fontSize opacity-0 overflow-hidden whitespace-nowrap overflow-ellipsis transition-all ease-linear duration-200",{"-opacity--input-disabled":e.disabled,"-text--error-color":e.errorData&&!e.disabled}])},o.toDisplayString(e.label),3)):o.createCommentVNode("",!0),D]),o.createElementVNode("div",{class:o.normalizeClass(["bi-wrap -p--input-padding border-solid -border--input-borderWidth border-t-transparent -border-x--input-borderColor -border-b--input-borderColor -rounded--input-borderRadius",{"--border-r--error-color":e.errorData&&!e.disabled,"--border-b--error-color":e.errorData&&!e.disabled,"--border-l--error-color":e.errorData&&!e.disabled}])},[o.createElementVNode("div",I,[o.createElementVNode("div",O,[e.leftIcon?(o.openBlock(),o.createBlock(g,{key:0,icon:e.leftIcon,disabled:e.disabled,onClick:u[0]||(u[0]=o.withModifiers(d=>o.unref(r)("leftButtonClick"),["stop"]))},null,8,["icon","disabled"])):o.createCommentVNode("",!0)]),o.createElementVNode("div",{class:o.normalizeClass(["bi-main flex grow-0 shrink basis-full h-full min-w-0",{"pl-0.5":!s.$slots.left}])},[o.renderSlot(s.$slots,"default",{},()=>[o.createElementVNode("input",{ref_key:"mainInput",ref:i,type:e.type,placeholder:e.placeholder||e.label,value:e.modelValue,readonly:e.readonly,disabled:e.disabled,onInput:u[1]||(u[1]=d=>s.$emit("update:modelValue",d.target.value)),onFocus:u[2]||(u[2]=o.withModifiers(d=>s.$emit("onFocus"),["stop"])),onBlur:u[3]||(u[3]=d=>s.$emit("onBlur")),class:"w-full h-[inherit] bg-inherit outline-0 focus:placeholder:opacity-0"},null,40,P)],!0)],2),o.createElementVNode("div",{class:o.normalizeClass(["side-items hidden items-center",{empty:!s.$slots.right}]),onClick:u[4]||(u[4]=o.withModifiers(()=>{},["stop"]))},[o.renderSlot(s.$slots,"right",{},void 0,!0)],2),e.errorData?(o.openBlock(),o.createElementBlock("div",R,[o.withDirectives(o.createVNode(f,{icon:"info"},null,512),[[p,{content:e.errorData.longMessage,theme:"error-tooltip"}]])])):e.tooltip?(o.openBlock(),o.createElementBlock("div",W,[o.withDirectives(o.createVNode(f,{icon:"info_outlined"},null,512),[[p,e.tooltip]])])):o.createCommentVNode("",!0),o.createElementVNode("div",H,[o.renderSlot(s.$slots,"rightPart",{},void 0,!0)])])],2),e.errorData?(o.openBlock(),o.createElementBlock("div",M,o.toDisplayString(e.errorData.message),1)):o.createCommentVNode("",!0)],2)}}},[["__scopeId","data-v-42eceb6b"]]),_={class:"modal_top flex items-center justify-between -bg--modalHeader-backgroundColor -rounded-t--modal-borderRadius"},j={class:"flex items-center"},q={class:"-text--modalTitle-fontSize -font--modalTitle-fontFamily -font--modalTitle-fontWeight -leading--modalTitle-lineHeight -tracking---modalTitle-letterSpacing"},L={class:"modal_content -bg--modalContent-backgroundColor"},U={key:0,class:"modal_bottom -bg--modalFooter-backgroundColor -rounded-b--modal-borderRadius"},k=m({__name:"index",props:{modelValue:Boolean,type:{type:String,default:"basic",validator:e=>["basic","minimal"].includes(e)},title:String,controls:Object,closeOnClickOutside:Boolean,closingDisabled:Boolean},emits:["update:modelValue","open","close"],setup(e,{emit:n}){let t=e,l=n,r=o.computed(()=>t.closeOnClickOutside?"click":!1);function i(){t.closingDisabled||(l("update:modelValue",!1),l("close"))}return o.watch(()=>t.modelValue,a=>{a?(document.querySelector("html").style.overflow="hidden",l("open")):document.querySelector("html").style.overflow="initial"}),(a,s)=>e.modelValue?(o.openBlock(),o.createBlock(o.Teleport,{key:0,to:"body"},[o.createVNode(o.Transition,{name:"fade"},{default:o.withCtx(()=>[o.withDirectives(o.createElementVNode("div",{class:o.normalizeClass(["flex justify-center items-center fixed inset-0 -z---modal-zIndex -text--baseText-color",{type:e.type}]),"aria-labelledby":"modal wrapper"},[o.createElementVNode("div",o.mergeProps({class:"absolute inset-0 bg-[rgba(0,0,0,0.55)]","aria-labelledby":"backdrop"},{[o.toHandlerKey(o.unref(r))]:i}),null,16),o.createElementVNode("div",o.mergeProps({class:"modal relative min-w-80 max-w-[90%] -rounded--modal-borderRadius"},a.$attrs),[o.createElementVNode("div",_,[o.createElementVNode("div",j,[o.createElementVNode("div",q,o.toDisplayString(e.title),1),o.renderSlot(a.$slots,"header",{},void 0,!0)])]),o.createElementVNode("div",L,[o.renderSlot(a.$slots,"default",{},void 0,!0)]),a.$slots.footer?(o.openBlock(),o.createElementBlock("div",U,[o.renderSlot(a.$slots,"footer",{cancel:i},void 0,!0)])):o.createCommentVNode("",!0)],16)],2),[[o.vShow,e.modelValue]])]),_:3})])):o.createCommentVNode("",!0)}},[["__scopeId","data-v-15949a71"]]),A={class:"width-100 height-100"},K={class:"flex justify-between"},v={__name:"Text",props:{modelValue:String,label:String,placeholder:String,tooltip:String,required:Boolean,noIndicatorButton:Boolean,errorData:Object},emits:["update:modelValue","update:errorData"],setup(e,{emit:n}){let t=e,l=n,r=o.ref(!1),i=o.ref(null),a=o.ref("");async function s(){await o.nextTick(),i.value.focus()}function u(){l("update:modelValue",a.value),r.value=!1}return o.watch(r,()=>{r.value&&(a.value=t.modelValue)}),(p,d)=>{const w=o.resolveComponent("fm-btn");return o.openBlock(),o.createElementBlock(o.Fragment,null,[o.createVNode(h,o.mergeProps(p.$attrs,{"model-value":e.modelValue,label:e.label,"left-icon":e.noIndicatorButton?null:"edit",placeholder:e.placeholder,tooltip:e.tooltip,"error-data":e.errorData,"onUpdate:modelValue":d[0]||(d[0]=b=>o.unref(l)("update:modelValue",b)),"onUpdate:errorData":d[1]||(d[1]=b=>o.unref(l)("update:errorData",b)),onLeftButtonClick:d[2]||(d[2]=b=>o.isRef(r)?r.value=!0:r=!0)}),null,16,["model-value","label","left-icon","placeholder","tooltip","error-data"]),o.createVNode(k,{modelValue:o.unref(r),"onUpdate:modelValue":d[5]||(d[5]=b=>o.isRef(r)?r.value=b:r=b),title:e.label,onOpen:s},{footer:o.withCtx(()=>[o.createElementVNode("div",K,[o.createVNode(w,{onClick:d[4]||(d[4]=b=>o.isRef(r)?r.value=!1:r=!1)},{default:o.withCtx(()=>[o.createTextVNode("CANCEL")]),_:1}),o.createVNode(w,{type:"filled",onClick:u},{default:o.withCtx(()=>[o.createTextVNode("OK")]),_:1})])]),default:o.withCtx(()=>[o.createElementVNode("div",A,[o.withDirectives(o.createElementVNode("textarea",{ref_key:"textEditorTextarea",ref:i,"onUpdate:modelValue":d[3]||(d[3]=b=>o.isRef(a)?a.value=b:a=b),class:"h-full w-full resize-none bg-transparent p-1 border border-solid -border--input-borderColor -rounded--input-borderRadius focus:-border--input-focus-borderColor focus:outline-0"},null,512),[[o.vModelText,o.unref(a)]])])]),_:1},8,["modelValue","title"])],64)}}};function G(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var T={},V={};(function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return t}});function n(l,r){return{handler:l,config:r}}n.withOptions=function(l,r=()=>({})){const i=function(a){return{__options:a,handler:l(a),config:r(a)}};return i.__isOptionsFunction=!0,i.__pluginFunction=l,i.__configFunction=r,i};const t=n})(V),function(e){Object.defineProperty(e,"__esModule",{value:!0}),Object.defineProperty(e,"default",{enumerable:!0,get:function(){return l}});const n=t(V);function t(r){return r&&r.__esModule?r:{default:r}}const l=n.default}(T);let C=T;var J=(C.__esModule?C:{default:C}).default;const Q=G(J),X={fontSize:{"--baseText-fontSize":"var(--baseText-fontSize)"},fontFamily:{"--baseText-fontFamily":"var(--baseText-fontFamily)"},fontWeight:{"--baseText-fontWeight":"var(--baseText-fontWeight)"},lineHeight:{"--baseText-lineHeight":"var(--baseText-lineHeight)"},letterSpacing:{"--baseText-letterSpacing":"var(--baseText-letterSpacing)"},padding:{"--icon-padding":"var(--icon-padding)","--iconButton-padding":"var(--iconButton-padding)"},colors:{"--primary-color":"var(--primary-color)","--error-color":"var(--error-color)","--baseText-color":"var(--baseText-color)","--iconButton-color":"var(--iconButton-color)","--iconButton-backgroundColor":"var(--iconButton-backgroundColor)","--iconButton-hover-color":"var(--iconButton-hover-color)","--iconButton-hover-backgroundColor":"var(--iconButton-hover-backgroundColor)","--iconButton-focus-color":"var(--iconButton-focus-color)","--iconButton-focus-backgroundColor":"var(--iconButton-focus-backgroundColor)","--iconButton-active-color":"var(--iconButton-active-color)","--iconButton-active-backgroundColor":"var(--iconButton-active-backgroundColor)","--iconButton-disabled-color":"var(--iconButton-disabled-color)","--iconButton-disabled-backgroundColor":"var(--iconButton-disabled-backgroundColor)","--iconButton-filled-color":"var(--iconButton-filled-color)","--iconButton-filled-backgroundColor":"var(--iconButton-filled-backgroundColor)","--iconButton-filled-hover-color":"var(--iconButton-filled-hover-color)","--iconButton-filled-hover-backgroundColor":"var(--iconButton-filled-hover-backgroundColor)","--iconButton-filled-focus-color":"var(--iconButton-filled-focus-color)","--iconButton-filled-focus-backgroundColor":"var(--iconButton-filled-focus-backgroundColor)","--iconButton-filled-active-color":"var(--iconButton-filled-active-color)","--iconButton-filled-active-backgroundColor":"var(--iconButton-filled-active-backgroundColor)","--iconButton-filled-disabled-color":"var(--iconButton-filled-disabled-color)","--iconButton-filled-disabled-backgroundColor":"var(--iconButton-filled-disabled-backgroundColor)","--button-text-color":"var(--button-text-color)","--button-text-backgroundColor":"var(--button-text-backgroundColor)","--button-text-hover-color":"var(--button-text-hover-color)","--button-text-hover-backgroundColor":"var(--button-text-hover-backgroundColor)","--button-text-focus-color":"var(--button-text-focus-color)","--button-text-focus-backgroundColor":"var(--button-text-focus-backgroundColor)","--button-text-active-color":"var(--button-text-active-color)","--button-text-active-backgroundColor":"var(--button-text-active-backgroundColor)","--button-text-disabled-color":"var(--button-text-disabled-color)","--button-text-disabled-backgroundColor":"var(--button-text-disabled-backgroundColor)","--button-filled-color":"var(--button-filled-color)","--button-filled-backgroundColor":"var(--button-filled-backgroundColor)","--button-filled-hover-color":"var(--button-filled-hover-color)","--button-filled-hover-backgroundColor":"var(--button-filled-hover-backgroundColor)","--button-filled-focus-color":"var(--button-filled-focus-color)","--button-filled-focus-backgroundColor":"var(--button-filled-focus-backgroundColor)","--button-filled-active-color":"var(--button-filled-active-color)","--button-filled-active-backgroundColor":"var(--button-filled-active-backgroundColor)","--button-filled-disabled-color":"var(--button-filled-disabled-color)","--button-filled-disabled-backgroundColor":"var(--button-filled-disabled-backgroundColor)"},backgroundColor:{"--base-backgroundColor":"var(--base-backgroundColor)"},opacity:{"--button-disabled":"var(--button-disabled-opacity)","--icon-disabled":"var(--icon-disabled-opacity)"},borderColor:{"--border-color":"var(--border-color)","--light-borderColor":"var(--light-borderColor)"}},Y={fontSize:{"--tooltip-fontSize":"var(--tooltip-fontSize)","--tooltip-error-fontSize":"var(--tooltip-error-fontSize)"},fontFamily:{"--tooltip-fontFamily":"var(--tooltip-fontFamily)"},fontWeight:{"--tooltip-fontWeight":"var(--tooltip-fontWeight)"},lineHeight:{"--tooltip-lineHeight":"var(--tooltip-lineHeight)"},letterSpacing:{"--tooltip-letterSpacing":"var(--tooltip-letterSpacing)"},padding:{"--tooltip-padding":"var(--tooltip-padding)","--tooltip-error-padding":"var(--tooltip-error-padding)"},colors:{"--tooltip-color":"var(--tooltip-color)","--tooltip-error-color":"var(--tooltip-error-color)"},backgroundColor:{"--tooltip-backgroundColor":"var(--tooltip-backgroundColor)","--tooltip-error-backgroundColor":"var(--tooltip-error-backgroundColor)"},borderColor:{"--tooltip-borderColor":"var(--tooltip-borderColor)"},borderRadius:{"--tooltip-borderRadius":"var(--tooltip-borderRadius)"}},Z={height:{"--input-height":"var(--input-height)"},fontSize:{"--inputLabel-fontSize":"var(--inputLabel-fontSize)","--inputBottomText-fontSize":"var(--inputBottomText-fontSize)"},colors:{"--input-color":"var(--input-color)","--input-disabled-color":"var(--input-disabled-color)"},opacity:{"--input-disabled-opacity":"var(--input-disabled-opacity)"},padding:{"--input-padding":"var(--input-padding)","--input-focus-padding":"var(--input-focus-padding)"},borderWidth:{"--input-borderWidth":"var(--input-borderWidth)","--input-focus-borderWidth":"var(--input-focus-borderWidth)"},borderColor:{"--input-borderColor":"var(--input-borderColor)","--input-focus-borderColor":"var(--input-focus-borderColor)","--input-error-borderColor":"var(--input-error-borderColor)"},borderRadius:{"--input-borderRadius":"var(--input-borderRadius)"}},oo={height:{"--modalHeader-height":"var(--modalHeader-height)","--modalFooter-height":"var(--modalFooter-height)"},backgroundColor:{"--modalHeader-backgroundColor":"var(--modalHeader-backgroundColor)","--modalContent-backgroundColor":"var(--modalContent-backgroundColor)","--modalFooter-backgroundColor":"var(--modalFooter-backgroundColor)"},borderRadius:{"--modal-borderRadius":"var(--modal-borderRadius)"},zIndex:{"--modal-zIndex":"var(--modal-zIndex)","--modalBackdrop-zIndex":"var(--modalBackdrop-zIndex)"},fontSize:{"--modalTitle-fontSize":"var(--modalTitle-fontSize)"},fontFamily:{"--modalTitle-fontFamily":"var(--modalTitle-fontFamily)"},fontWeight:{"--modalTitle-fontWeight":"var(--modalTitle-fontWeight)"},lineHeight:{"--modalTitle-lineHeight":"var(--modalTitle-lineHeight)"},letterSpacing:{"--modalTitle-letterSpacing":"var(--modalTitle-letterSpacing)"}},eo={height:{"--cardFooter-height":"var(--cardFooter-height)"},colors:{},backgroundColor:{"--card-backgroundColor":"var(--card-backgroundColor)"},padding:{"--card-padding":"var(--card-padding)","--cardFooter-paddingTop":"var(--cardFooter-paddingTop)","--cardFooter-paddingBottom":"var(--cardFooter-paddingBottom)","--cardFooterSpace-paddingBottom":"var(--cardFooterSpace-paddingBottom)"},borderWidth:{"--card-borderWidth":"var(--input-borderWidth)"},borderColor:{"--card-borderColor":"var(--card-borderColor)"},borderRadius:{"--card-borderRadius":"var(--card-borderRadius)"},fontSize:{"--cardTitle-fontSize":"var(--cardTitle-fontSize)"},fontFamily:{"--cardTitle-fontFamily":"var(--baseText-fontFamily)"},fontWeight:{"--cardTitle-fontWeight":"var(--cardTitle-fontWeight)"},lineHeight:{"--cardTitle-lineHeight":"var(--cardTitle-lineHeight)"},letterSpacing:{"--cardTitle-letterSpacing":"var(--cardTitle-letterSpacing)"}};function to(){const e={};function n(t){let l,r;for([l,r]of Object.entries(t)){e.hasOwnProperty(l)||(e[l]={});const i=e[l];for(const[a,s]of Object.entries(r)){if(i.hasOwnProperty(a))throw new Error(`A name of a CSS value is duplicated: '${a}'`);i[a]=s}}}return Object.values(arguments).forEach(n),e}const ro=to(X,Y,Z,oo,eo),lo=Q(function(){},{theme:{extend:ro}}),no={install(e,n={}){let t="";n.componentNamePrefix&&typeof n.componentNamePrefix=="string"?t=n.componentNamePrefix:n.componentNamePrefix===void 0&&(t="Fm"),e.component(`${t}Btn`,B),e.component(`${t}Icon`,f),e.component(`${t}IconBtn`,y),e.component(`${t}Card`,x),e.component(`${t}BaseModal`,k),e.component(`${t}BaseInput`,h),e.component(`${t}BaseInputBtn`,g),e.component(`${t}InputText`,v)}};c.BaseInput=h,c.BaseInputBtn=g,c.BaseModal=k,c.FmBtn=B,c.FmCard=x,c.FmIcon=f,c.FmIconBtn=y,c.FmInputText=v,c.tailwindCssVariables=lo,c.uiComponentsPlugin=no,Object.defineProperty(c,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@finmars/ui",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "",
   "scripts": {
+    "dev": "vite dev --config vite.config.dev.js",
     "test": "echo \"Error: no test specified\" && exit 1",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
@@ -16,21 +17,35 @@
   ],
   "main": "dist/finmars-ui.umd.js",
   "module": "dist/finmars-ui.es.js",
+  "exports": {
+    ".": {
+      "require": "./dist/finmars-ui.umd.js",
+      "import": "./dist/finmars-ui.es.js"
+    },
+    "./dist/finmars-ui.css": "./dist/finmars-ui.css"
+  },
   "keywords": [],
   "author": "Sergei Zhitenev",
   "license": "SEE LICENSE IN LICENSE.md",
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.3.3",
-    "@storybook/addon-essentials": "^8.0.9",
-    "@storybook/addon-interactions": "^8.0.9",
-    "@storybook/addon-links": "^8.0.9",
-    "@storybook/addon-toolbars": "^8.0.9",
-    "@storybook/blocks": "^8.0.9",
-    "@storybook/test": "^8.0.9",
-    "@storybook/vue3": "^8.0.9",
-    "@storybook/vue3-vite": "^8.0.9",
-    "sass": "^1.75.0",
-    "storybook": "^8.0.9"
+    "@chromatic-com/storybook": "^1.5.0",
+    "@storybook/addon-essentials": "^8.1.5",
+    "@storybook/addon-interactions": "^8.1.5",
+    "@storybook/addon-links": "^8.1.5",
+    "@storybook/addon-toolbars": "^8.1.5",
+    "@storybook/blocks": "^8.1.5",
+    "@storybook/manager-api": "^8.1.5",
+    "@storybook/test": "^8.1.5",
+    "@storybook/theming": "^8.1.5",
+    "@storybook/vue3": "^8.1.5",
+    "@storybook/vue3-vite": "^8.1.5",
+    "autoprefixer": "^10.4.19",
+    "floating-vue": "^5.2.2",
+    "postcss": "^8.4.38",
+    "postcss-import": "^16.1.0",
+    "postcss-mixins": "^10.0.1",
+    "storybook": "^8.1.5",
+    "tailwindcss": "^3.4.3"
   },
   "dependencies": {
     "@vitejs/plugin-vue": "^5.0.4"