@ironsource/shared-ui 2.1.6-rc.1 → 2.1.6-rc.11

package/components/multibar/MultiBar.vue2.js

@@ -1,4 +1,4 @@
- import "../../MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as c, Transition as g, withCtx as u, unref as t, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
+ import "../../MultiBar.vue_vue_type_style_index_0_scoped_71617643_lang.css"; import { defineComponent as k, computed as v, openBlock as l, createBlock as d, Teleport as x, createVNode as u, Transition as g, withCtx as c, unref as e, createElementBlock as r, mergeProps as B, createElementVNode as V, createTextVNode as h, toDisplayString as A, createCommentVNode as m, Fragment as z, renderList as M, normalizeClass as N } from "vue";
 import { useVModel as $ } from "@vueuse/core";
 import E from "../typography/v4/Typography.vue.js";
 import S from "../button/v4/ButtonV4.vue.js";
@@ -27,67 +27,67 @@ const O = { class: "multi-bar-panel" }, R = {
   },
   emits: ["update:modelValue", "close", "action"],
   setup(o, { emit: s }) {
-    const e = o, f = $(e, "modelValue", s), I = () => {
+    const t = o, f = $(t, "modelValue", s), I = () => {
       f.value = !1, s("close");
     }, b = (a) => {
       s("action", a);
     }, p = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(0, e.visibleActionsCount) : e.actions
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(0, t.visibleActionsCount) : t.actions
     ), C = v(
-      () => e.actions.length > e.visibleActionsCount ? e.actions.slice(e.visibleActionsCount) : []
-    ), y = L(e.testId, n);
+      () => t.actions.length > t.visibleActionsCount ? t.actions.slice(t.visibleActionsCount) : []
+    ), y = L(t.testId, n);
     return (a, F) => (l(), d(x, {
       to: "body",
       disabled: !o.appendToBody
     }, [
-      c(g, { name: "multi-bar" }, {
-        default: u(() => [
-          t(f) ? (l(), r("div", B({
+      u(g, { name: "multi-bar" }, {
+        default: c(() => [
+          e(f) ? (l(), r("div", B({
             key: 0,
             class: ["multi-bar", {
               "light-theme-v4": !0,
               "multi-bar--fixed": o.appendToBody,
-              "multi-bar--sticky": !o.appendToBody,
+              "multi-bar--absolute": !o.appendToBody,
               "multi-bar--small": o.size === "small",
               "multi-bar--medium": o.size === "medium",
               "multi-bar--left": o.position === "left"
             }],
             style: { zIndex: o.zIndex }
-          }, { ...a.$attrs, ...t(y)[t(n).WRAPPER] }), [
+          }, { ...a.$attrs, ...e(y)[e(n).WRAPPER] }), [
             V("div", O, [
-              c(t(P), B({
+              u(e(P), B({
                 "icon-name": "x",
                 class: "close-icon"
-              }, t(y)[t(n).CLOSE_BTN], { onClick: I }), null, 16),
+              }, e(y)[e(n).CLOSE_BTN], { onClick: I }), null, 16),
               o.selectedCount ? (l(), r("div", R, [
-                c(t(E), { variant: "body1" }, {
-                  default: u(() => [
+                u(e(E), { variant: "body1" }, {
+                  default: c(() => [
                     h(A(o.selectedCount) + " selected ", 1)
                   ]),
                   _: 1
                 })
               ])) : m("", !0),
-              (l(!0), r(z, null, M(t(p), (i, T) => (l(), d(t(S), {
+              (l(!0), r(z, null, M(e(p), (i, T) => (l(), d(e(S), {
                 key: i.id,
                 class: N(["action-button", {
-                  "action-button--last": T === t(p).length - 1
+                  "action-button--last": T === e(p).length - 1
                 }]),
                 variant: "text",
                 color: "default",
                 "start-icon-name": i.icon,
-                "data-testid": `${e.testId}-${t(n).ACTION}-${i.id}`,
+                "data-testid": `${t.testId}-${e(n).ACTION}-${i.id}`,
                 disabled: i.disabled,
                 onClick: (U) => b(i)
               }, {
-                default: u(() => [
+                default: c(() => [
                   h(A(i.title), 1)
                 ]),
                 _: 2
               }, 1032, ["class", "start-icon-name", "data-testid", "disabled", "onClick"]))), 128)),
-              t(C).length ? (l(), d(w, {
+              e(C).length ? (l(), d(w, {
                 key: 1,
-                "menu-items": t(C),
-                "test-id": `${e.testId}-${t(n).MENU}`,
+                "menu-items": e(C),
+                "test-id": `${t.testId}-${e(n).MENU}`,
                 onSelected: b
               }, null, 8, ["menu-items", "test-id"])) : m("", !0)
             ])

package/components/shared/FieldLabel.vue.js

@@ -1,7 +1,7 @@
 import e from "./FieldLabel.vue2.js";
 /* empty css                 */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-72ab1f25"]]);
+// import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-96ee1c98"]]);
 export {
-  a as default
+  c as default
 };

package/components/shared/FieldLabel.vue2.js

@@ -1,10 +1,10 @@
- import "../../FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
-import h from "../icon/v3/Icon.vue.js";
-import y from "../tooltip/v4/TooltipV4.vue.js";
+ import "../../FieldLabel.vue_vue_type_style_index_0_scoped_96ee1c98_lang.css"; import { defineComponent as p, openBlock as o, createElementBlock as m, Fragment as T, createElementVNode as b, mergeProps as d, unref as e, createVNode as r, withCtx as i, createTextVNode as n, toDisplayString as f, createBlock as u, createCommentVNode as s } from "vue";
+import h from "../icon/v4/IconV4.vue.js";
+import x from "../tooltip/v4/TooltipV4.vue.js";
 import c from "../typography/v4/Typography.vue.js";
 import { FieldLabelTestIdModifiers as a } from "../../testids/index.js";
-import { useTestIdAttrs as v } from "../../utils/testIds.js";
-const x = {
+import { useTestIdAttrs as y } from "../../utils/testIds.js";
+const v = {
   key: 0,
   class: "description"
 }, L = /* @__PURE__ */ p({
@@ -19,7 +19,7 @@ const x = {
     testId: { default: "" }
   },
   setup(t) {
-    const l = v(t.testId, a);
+    const l = y(t.testId, a);
     return (N, g) => (o(), m(T, null, [
       b("div", d({
         class: ["field-label", {
@@ -46,7 +46,7 @@ const x = {
           ]),
           _: 1
         }, 16)) : s("", !0),
-        t.hoverHelpText ? (o(), u(e(y), d({
+        t.hoverHelpText ? (o(), u(e(x), d({
           key: 1,
           triggers: ["hover"],
           text: t.hoverHelpText,
@@ -56,13 +56,13 @@ const x = {
             r(e(h), {
               class: "info-icon",
               name: "question",
-              "font-size": "sm"
+              size: "16px"
             })
           ]),
           _: 1
         }, 16, ["text", "placement", "test-id"])) : s("", !0)
       ], 16),
-      t.description ? (o(), m("div", x, [
+      t.description ? (o(), m("div", v, [
         r(e(c), { variant: "body2" }, {
           default: i(() => [
             n(f(t.description), 1)

package/components/textArea/v4/TextAreaV4.vue.js

@@ -1,7 +1,7 @@
 import e from "./TextAreaV4.vue2.js";
 /* empty css                 */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-0336a92f"]]);
+// import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; //*');
+const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-8199b662"]]);
 export {
-  a as default
+  p as default
 };

package/components/textArea/v4/TextAreaV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
+ import "../../../TextAreaV4.vue_vue_type_style_index_0_scoped_8199b662_lang.css"; import { defineComponent as s, computed as b, openBlock as t, createElementBlock as i, mergeProps as c, unref as a, createBlock as n, createCommentVNode as l, createElementVNode as g } from "vue";
 import v from "../../shared/FieldLabel.vue.js";
 import k from "../../shared/FieldMaxLength.vue.js";
 import T from "../../shared/FieldHelpText.vue.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.6-rc.1",
+  "version": "2.1.6-rc.11",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"

package/Autocomplete.vue_vue_type_style_index_0_scoped_d2d1dc1d_lang.css

@@ -1 +0,0 @@
-div[data-v-d2d1dc1d]{display:block}.autocomplete-dropdown[data-v-d2d1dc1d]{position:relative}

package/ChipDropdownTrigger.vue_vue_type_style_index_0_scoped_889042cf_lang.css

@@ -1 +0,0 @@
-.chip-trigger[data-v-889042cf]{border:1px solid var(--default-outlined-border);padding:.3125rem .3125rem .3125rem .4375rem;border-radius:100px;cursor:pointer;user-select:none;display:inline-flex}.chip-trigger[data-v-889042cf]:hover{border-color:var(--action-active);background:var(--action-selected)}.chip-trigger.active[data-v-889042cf]{border:none;background:var(--primary-light);padding:.375rem .375rem .375rem .5rem}.chip-trigger.active[data-v-889042cf]:hover{border:.0625rem solid var(--primary-main-50-p);padding:.3125rem .3125rem .3125rem .4375rem}.chip-trigger.open[data-v-889042cf]{border:.125rem solid var(--action-active);padding:.25rem .25rem .25rem .375rem;background:var(--action-selected)}.chip-trigger.open.active[data-v-889042cf]{border:.125rem solid var(--primary-main-50-p);background:var(--primary-light);padding:.25rem .25rem .25rem .375rem}.chip-trigger.disabled[data-v-889042cf]{cursor:auto}.chip-trigger--content[data-v-889042cf]{color:var(--primary-contrast-text);display:flex;column-gap:4px}.chip-trigger--content .x-circle-wrapper[data-v-889042cf]{color:var(--primary-dark)}.chip-trigger--content .x-circle-wrapper[data-v-889042cf]:hover{color:var(--primary-darker)}.chip-trigger--icon[data-v-889042cf]{color:var(--action-active)}

package/DefaultDropdownTrigger.vue_vue_type_style_index_0_scoped_c3033d90_lang.css

@@ -1 +0,0 @@
-.default-dropdown-wrapper[data-v-c3033d90]{position:relative}.dropdown-trigger[data-v-c3033d90]{width:100%;padding:.3125rem .4375rem;display:flex;column-gap:.5rem;max-width:100%;box-sizing:border-box;border-radius:var(--border-radius-md);border:1px solid var(--action-outlined-border);background:var(--default-main);cursor:pointer;user-select:none;position:relative}.dropdown-trigger[data-v-c3033d90]:hover{border:1px solid var(--action-active);background:var(--action-hover)}.dropdown-trigger.small[data-v-c3033d90]{padding:.1875rem .4375rem}.dropdown-trigger.large[data-v-c3033d90]{padding:.5625rem .4375rem}.dropdown-trigger.disabled[data-v-c3033d90]{border:1px solid var(--action-outlined-border, #bbb);background:var(--action-disabled-background, #f1f1f1);cursor:not-allowed}.dropdown-trigger.disabled .displayed-value[data-v-c3033d90],.dropdown-trigger.disabled .caret-down[data-v-c3033d90]{color:var(--text-disabled)}.dropdown-trigger.open[data-v-c3033d90]{padding:.25rem .375rem;border:2px solid var(--primary-main)}.dropdown-trigger.open.small[data-v-c3033d90]{padding:.125rem .375rem}.dropdown-trigger.open.large[data-v-c3033d90]{padding:.5rem .375rem}.dropdown-trigger.state-error[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--error-main)}.dropdown-trigger.state-success[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--success-main)}.dropdown-trigger.state-warning[data-v-c3033d90]{padding:4px 6px;border:2px solid var(--warning-dark)}.dropdown-trigger .caret-down[data-v-c3033d90]{color:var(--action-active)}.content[data-v-c3033d90]{width:calc(100% - 28px);display:flex;gap:.25rem;align-items:center;color:var(--text-primary)}.content .displayed-value[data-v-c3033d90]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.content .image[data-v-c3033d90]{width:20px;height:20px;flex:none}.content .image img[data-v-c3033d90]{border-radius:4px;width:100%;height:100%}.content .start-icon[data-v-c3033d90]{display:flex;color:var(--action-active)}.content .status-dot[data-v-c3033d90]{padding-right:.25rem}.content .status-dot>div[data-v-c3033d90]{position:relative;top:-1px}.dropdown-field-label[data-v-c3033d90]{color:var(--text-primary)}.dropdown-field-help-text[data-v-c3033d90]{margin-top:4px;position:absolute}

package/DialogV4.vue_vue_type_style_index_0_scoped_c3004ba3_lang.css

@@ -1 +0,0 @@
-.container[data-v-c3004ba3]{position:fixed;z-index:1300;display:flex;align-items:center;justify-content:center;inset:0;padding:0 var(--spacing-300)}.dialog[data-v-c3004ba3]{min-height:7rem;overflow-y:auto;box-shadow:var(--elevation-xl);max-height:calc(100% - var(--spacing-800));background:var(--background-model-elevation);border:1px solid var(--common-divider-elevation-0);border-radius:var(--border-radius-lg)}.dialog--medium[data-v-c3004ba3]{width:56.25rem}.dialog--small[data-v-c3004ba3]{width:37.5rem}.dialog--extraSmall[data-v-c3004ba3]{width:27.75rem}.header[data-v-c3004ba3]{position:relative;display:flex;align-items:flex-start;width:100%;padding:calc(var(--spacing-200) - 1px) var(--spacing-300);border-bottom:1px solid var(--common-divider);color:var(--text-primary)}.title[data-v-c3004ba3]{display:block;min-height:var(--spacing-300);margin-right:var(--spacing-300)}.subtitle[data-v-c3004ba3]{display:block;margin-top:var(--spacing-50);color:var(--text-secondary)}.close-button[data-v-c3004ba3]{color:var(--text-secondary);position:absolute;right:var(--spacing-250);top:calc(var(--spacing-200) - 3px)}.content[data-v-c3004ba3]{color:var(--text-primary);padding:var(--spacing-300);display:flex;overflow-y:auto;flex-direction:column;justify-content:center}.footer[data-v-c3004ba3]{height:30%;width:100%;border-top:1px solid var(--common-divider);display:flex;align-items:center}.action-buttons[data-v-c3004ba3]{margin-left:auto;padding:calc(var(--spacing-150) - 1px) var(--spacing-300);display:flex}.action-buttons[data-v-c3004ba3] .button-wrap:first-child{margin-right:var(--spacing-100)}.dialog-backdrop[data-v-c3004ba3]{position:fixed;z-index:-1;display:flex;background-color:var(--background-backdrop);align-items:center;justify-content:center;inset:0}.v-enter-active[data-v-c3004ba3],.v-leave-active[data-v-c3004ba3]{transition:opacity .25s ease}.v-enter-from[data-v-c3004ba3],.v-leave-to[data-v-c3004ba3]{opacity:0}

package/DropdownV4.vue_vue_type_style_index_0_scoped_bf8e7ff5_lang.css

@@ -1 +0,0 @@
-.v-enter-active[data-v-bf8e7ff5],.v-leave-active[data-v-bf8e7ff5]{transition:opacity .25s ease}ol[data-v-bf8e7ff5],ul[data-v-bf8e7ff5],menu[data-v-bf8e7ff5]{list-style:none;margin:0;padding:0}.dropdown.full-width[data-v-bf8e7ff5],.dropdown.full-width .button__container[data-v-bf8e7ff5]{width:100%}.dropdown-list-wrapper[data-v-bf8e7ff5]{display:flex;flex-direction:column;padding:.5rem}.list-container--multi[data-v-bf8e7ff5]{margin-bottom:0}.inline-search .inline-search-wrapper[data-v-bf8e7ff5]{padding-bottom:.25rem}.inline-search .list-container[data-v-bf8e7ff5]{padding-top:0}.no-result-container[data-v-bf8e7ff5]{height:100%;display:flex;align-items:center;padding:.375rem .5rem;color:var(--text-disabled)}.no-result[data-v-bf8e7ff5]{color:var(--text-disabled);padding-left:.5rem}.list[data-v-bf8e7ff5]{outline:none;display:flex;flex-direction:column;width:100%;min-height:2rem}.list--multi[data-v-bf8e7ff5]{margin-bottom:.5rem;border-bottom-left-radius:0;border-bottom-right-radius:0}.list li[data-v-bf8e7ff5]:last-child .item-container{margin-bottom:0}.image-slot[data-v-bf8e7ff5]{margin-right:.5rem}.actions-wrapper[data-v-bf8e7ff5]{display:flex;width:100%;padding:.5rem .5rem .5rem .125rem;padding-bottom:0;border-top:1px solid var(--common-divider);justify-content:space-between;margin-top:.25rem}.apply-button[data-v-bf8e7ff5]{margin-left:.5rem}

package/FieldLabel.vue_vue_type_style_index_0_scoped_72ab1f25_lang.css

@@ -1 +0,0 @@
-.field-label[data-v-72ab1f25]{flex-grow:1;white-space:nowrap;display:flex;align-items:center;color:var(--text-primary);height:var(--spacing-200);margin-bottom:var(--spacing-50);width:100%}.field-label--with-description[data-v-72ab1f25]{margin-bottom:2px}.description[data-v-72ab1f25]{color:var(--text-secondary);display:flex;height:var(--spacing-250);align-items:center;margin-bottom:var(--spacing-50)}.label[data-v-72ab1f25]{color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;text-wrap:nowrap}.field-label--disabled .label[data-v-72ab1f25]{color:var(--text-disabled)}.mandatory[data-v-72ab1f25]{font-weight:400;margin-left:var(--spacing-50);color:var(--error-main);position:relative;top:2px;line-height:var(--spacing-200)}.info-icon[data-v-72ab1f25]{margin-left:var(--spacing-50);color:var(--action-active)}.info-icon[data-v-72ab1f25]:hover{color:var(--action-active)}

package/MultiBar.vue_vue_type_style_index_0_scoped_b473b35e_lang.css

@@ -1 +0,0 @@
-.multi-bar[data-v-b473b35e]{width:100%;display:flex;justify-content:center;pointer-events:none;transition:opacity .25s,transform .25s}.multi-bar--left[data-v-b473b35e]{justify-content:flex-start}.multi-bar--small[data-v-b473b35e]{height:var(--spacing-600)}.multi-bar--medium[data-v-b473b35e]{height:var(--spacing-700)}.multi-bar--fixed[data-v-b473b35e]{position:fixed;bottom:var(--spacing-500)}.multi-bar--sticky[data-v-b473b35e]{position:sticky;bottom:calc(var(--spacing-200))}.multi-bar-enter-from[data-v-b473b35e],.multi-bar-leave-to[data-v-b473b35e]{opacity:0;transform:translateY(200%)}.multi-bar-panel[data-v-b473b35e]{pointer-events:auto;display:flex;align-items:center;min-width:17.25rem;box-shadow:var(--elevation-md);border-radius:var(--border-radius-md);border:1px solid var(--common-divider-elevation-0);background:var(--background-model-elevation);padding:0 var(--spacing-200);height:100%}.close-icon[data-v-b473b35e]{color:var(--action-active);margin-right:var(--spacing-100)}.count-text[data-v-b473b35e]{color:var(--text-secondary);margin-right:var(--spacing-500);white-space:nowrap}.action-button[data-v-b473b35e]{margin-right:4px}.action-button--last[data-v-b473b35e]{margin-right:0}

package/TextAreaV4.vue_vue_type_style_index_0_scoped_0336a92f_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-0336a92f],.font-chart-2[data-v-0336a92f],.font-chart-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-0336a92f],.font-table-label[data-v-0336a92f],.font-button[data-v-0336a92f],.font-heading-6[data-v-0336a92f],.font-heading-5[data-v-0336a92f],.font-heading-4[data-v-0336a92f],.font-heading-3[data-v-0336a92f],.font-heading-2[data-v-0336a92f],.font-heading-1[data-v-0336a92f],.font-title[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-0336a92f],.font-input-label[data-v-0336a92f],.font-overline[data-v-0336a92f],.font-subtitle-2[data-v-0336a92f],.font-subtitle-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-0336a92f],.font-body-2[data-v-0336a92f],.textarea[data-v-0336a92f],.font-body-1[data-v-0336a92f]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-0336a92f]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-0336a92f]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-0336a92f]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-0336a92f]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-0336a92f]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-0336a92f]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-0336a92f]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.textarea[data-v-0336a92f],.font-body-1[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-0336a92f]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-0336a92f]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-0336a92f]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-0336a92f]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-0336a92f]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-0336a92f]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-0336a92f]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-0336a92f],.font-tab-label2[data-v-0336a92f]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-0336a92f]{font-size:.75rem;line-height:1rem}h1[data-v-0336a92f],h2[data-v-0336a92f],h3[data-v-0336a92f],h4[data-v-0336a92f],h5[data-v-0336a92f],h6[data-v-0336a92f]{margin:0}.textarea-field[data-v-0336a92f]{display:flex;flex-direction:column}.textarea[data-v-0336a92f]{flex-grow:1;background:var(--default-main);color:var(--text-primary);padding:var(--spacing-125) var(--spacing-100);height:calc(var(--spacing-900) - 1px);width:100%;border:none;border-radius:var(--border-radius-md);outline:1px solid var(--action-outlined-border)}.textarea[data-v-0336a92f]:hover{outline:1px solid var(--action-active)}.textarea[data-v-0336a92f]:focus{outline:2px solid var(--primary-main)}.textarea[data-v-0336a92f]::placeholder{color:var(--text-secondary)}.textarea--disabled[data-v-0336a92f]{color:var(--text-disabled)}.textarea--disabled[data-v-0336a92f]::placeholder{color:var(--text-disabled)}.textarea--disabled[data-v-0336a92f]:hover{outline:1px solid var(--action-outlined-border)}.textarea--variant-success[data-v-0336a92f],.textarea--variant-success[data-v-0336a92f]:hover,.textarea--variant-success[data-v-0336a92f]:focus{outline:2px solid var(--success-dark)}.textarea--variant-error[data-v-0336a92f],.textarea--variant-error[data-v-0336a92f]:hover,.textarea--variant-error[data-v-0336a92f]:focus{outline:2px solid var(--error-main)}.textarea--variant-warning[data-v-0336a92f],.textarea--variant-warning[data-v-0336a92f]:hover,.textarea--variant-warning[data-v-0336a92f]:focus{outline:2px solid var(--warning-dark)}.textarea-label[data-v-0336a92f]{flex-grow:initial}.footer[data-v-0336a92f]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}

package/TextField.vue_vue_type_style_index_0_scoped_b5b2e8fd_lang.css

@@ -1 +0,0 @@
-@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-b5b2e8fd],.font-chart-2[data-v-b5b2e8fd],.font-chart-1[data-v-b5b2e8fd]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-b5b2e8fd],.font-table-label[data-v-b5b2e8fd],.font-button[data-v-b5b2e8fd],.font-heading-6[data-v-b5b2e8fd],.font-heading-5[data-v-b5b2e8fd],.font-heading-4[data-v-b5b2e8fd],.font-heading-3[data-v-b5b2e8fd],.font-heading-2[data-v-b5b2e8fd],.font-heading-1[data-v-b5b2e8fd],.font-title[data-v-b5b2e8fd]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-b5b2e8fd],.font-input-label[data-v-b5b2e8fd],.font-overline[data-v-b5b2e8fd],.font-subtitle-2[data-v-b5b2e8fd],.font-subtitle-1[data-v-b5b2e8fd]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-b5b2e8fd],.font-body-2[data-v-b5b2e8fd],.input-container .input[data-v-b5b2e8fd],.font-body-1[data-v-b5b2e8fd]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-b5b2e8fd]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-b5b2e8fd]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-b5b2e8fd]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-b5b2e8fd]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-b5b2e8fd]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-b5b2e8fd]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-b5b2e8fd]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-b5b2e8fd],.font-body-1[data-v-b5b2e8fd]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-b5b2e8fd]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-b5b2e8fd]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-b5b2e8fd]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-b5b2e8fd]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-b5b2e8fd]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-b5b2e8fd]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-b5b2e8fd]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-b5b2e8fd]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-b5b2e8fd]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-b5b2e8fd]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-b5b2e8fd],.font-tab-label2[data-v-b5b2e8fd]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-b5b2e8fd]{font-size:.75rem;line-height:1rem}h1[data-v-b5b2e8fd],h2[data-v-b5b2e8fd],h3[data-v-b5b2e8fd],h4[data-v-b5b2e8fd],h5[data-v-b5b2e8fd],h6[data-v-b5b2e8fd]{margin:0}.disabled .input[data-v-b5b2e8fd]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-b5b2e8fd]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-b5b2e8fd]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-b5b2e8fd]{height:28px}.input-size-medium[data-v-b5b2e8fd]{height:32px}.input-size-large[data-v-b5b2e8fd]{height:40px}.input-with-label-container[data-v-b5b2e8fd]{display:flex;flex-direction:column}.input-container[data-v-b5b2e8fd]{flex-grow:2;display:flex;flex-direction:row;align-items:center;border-radius:var(--border-radius-md);background:var(--default-main);outline:1px solid var(--action-outlined-border);outline-offset:-1px;padding:0 var(--spacing-100);position:relative}.input-container[data-v-b5b2e8fd]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-b5b2e8fd]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-b5b2e8fd]:focus{outline:none}.input-container .input[data-v-b5b2e8fd]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-b5b2e8fd]{color:var(--text-disabled)}.input-container .input[type=number][data-v-b5b2e8fd]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-b5b2e8fd]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-b5b2e8fd]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-b5b2e8fd]{letter-spacing:4px}.input-container[data-v-b5b2e8fd] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-b5b2e8fd]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-b5b2e8fd]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-b5b2e8fd]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-b5b2e8fd]{padding-left:var(--spacing-100)}.prefix-text[data-v-b5b2e8fd]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-b5b2e8fd]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-b5b2e8fd],.focused[data-v-b5b2e8fd]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-b5b2e8fd],.error-icon.error-icon[data-v-b5b2e8fd]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-b5b2e8fd]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-b5b2e8fd]:hover{color:var(--primary-main)}.label-direction-left[data-v-b5b2e8fd]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-b5b2e8fd]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-b5b2e8fd]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-b5b2e8fd]{display:flex;justify-content:flex-end;align-items:center;margin:var(--spacing-50) 0}.footer.footer-absolute[data-v-b5b2e8fd]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-b5b2e8fd]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-b5b2e8fd],.variant-success .input-container[data-v-b5b2e8fd]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-b5b2e8fd],.variant-error .input-container[data-v-b5b2e8fd]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-b5b2e8fd],.variant-warning .input-container[data-v-b5b2e8fd]:hover{outline:2px solid var(--warning-dark)}