@ironsource/shared-ui 2.1.6-rc.8 → 2.1.6-rc.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-22c12586],.font-chart-2[data-v-22c12586],.font-chart-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-22c12586],.font-table-label[data-v-22c12586],.font-button[data-v-22c12586],.font-heading-6[data-v-22c12586],.font-heading-5[data-v-22c12586],.font-heading-4[data-v-22c12586],.font-heading-3[data-v-22c12586],.font-heading-2[data-v-22c12586],.font-heading-1[data-v-22c12586],.font-title[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-22c12586],.font-input-label[data-v-22c12586],.font-overline[data-v-22c12586],.font-subtitle-2[data-v-22c12586],.font-subtitle-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-22c12586],.font-body-2[data-v-22c12586],.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-22c12586]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-22c12586]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-22c12586]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-22c12586]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-22c12586]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-22c12586]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-22c12586]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-22c12586],.font-body-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-22c12586]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-22c12586]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-22c12586]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-22c12586]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-22c12586]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-22c12586]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-22c12586]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-22c12586],.font-tab-label2[data-v-22c12586]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-22c12586]{font-size:.75rem;line-height:1rem}h1[data-v-22c12586],h2[data-v-22c12586],h3[data-v-22c12586],h4[data-v-22c12586],h5[data-v-22c12586],h6[data-v-22c12586]{margin:0}.disabled .input[data-v-22c12586]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-22c12586]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-22c12586]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-22c12586]{height:28px}.input-size-medium[data-v-22c12586]{height:32px}.input-size-large[data-v-22c12586]{height:40px}.input-with-label-container[data-v-22c12586]{display:flex;flex-direction:column}.input-container[data-v-22c12586]{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-22c12586]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-22c12586]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-22c12586]:focus{outline:none}.input-container .input[data-v-22c12586]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-22c12586]{color:var(--text-disabled)}.input-container .input[type=number][data-v-22c12586]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-22c12586]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-22c12586]{letter-spacing:4px}.input-container[data-v-22c12586] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-22c12586]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-22c12586]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-22c12586]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-22c12586]{padding-left:var(--spacing-100)}.prefix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-22c12586]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-22c12586],.focused[data-v-22c12586]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-22c12586],.error-icon.error-icon[data-v-22c12586]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-22c12586]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-22c12586]:hover{color:var(--primary-main)}.label-direction-left[data-v-22c12586]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-22c12586]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-22c12586]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-22c12586]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-22c12586]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-22c12586]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-22c12586],.variant-success .input-container[data-v-22c12586]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-22c12586],.variant-error .input-container[data-v-22c12586]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-22c12586],.variant-warning .input-container[data-v-22c12586]:hover{outline:2px solid var(--warning-dark)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import e from "./TextField.vue2.js";
|
|
2
2
|
/* empty css */import o from "../../../_virtual/_plugin-vue_export-helper.js";
|
|
3
|
-
// import "../../../TextField.
|
|
4
|
-
const
|
|
3
|
+
// import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; //*');
|
|
4
|
+
const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-22c12586"]]);
|
|
5
5
|
export {
|
|
6
|
-
|
|
6
|
+
c as default
|
|
7
7
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "../../../TextField.
|
|
1
|
+
import "../../../TextField.vue_vue_type_style_index_0_scoped_22c12586_lang.css"; import { defineComponent as M, computed as b, ref as G, openBlock as l, createElementBlock as r, mergeProps as y, unref as t, createBlock as d, createCommentVNode as n, createElementVNode as L, normalizeClass as V, renderSlot as C, withCtx as h, createTextVNode as E, toDisplayString as F, withKeys as W, withModifiers as P, createVNode as p } from "vue";
|
|
2
2
|
import v from "../../icon/v4/IconV4.vue.js";
|
|
3
3
|
import j from "../../tooltip/v4/TooltipV4.vue.js";
|
|
4
4
|
import $ from "../../typography/v4/Typography.vue.js";
|
|
@@ -11,7 +11,7 @@ import { useTestIdAttrs as X } from "../../../utils/testIds.js";
|
|
|
11
11
|
const Y = {
|
|
12
12
|
key: 0,
|
|
13
13
|
class: "icon-container icon-before"
|
|
14
|
-
}, Z = ["value", "placeholder", "disabled", "type", "step"
|
|
14
|
+
}, Z = ["maxlength", "value", "placeholder", "disabled", "type", "step"], _ = ["onClick"], ee = {
|
|
15
15
|
key: 3,
|
|
16
16
|
class: "inline-error"
|
|
17
17
|
}, te = {
|
|
@@ -104,9 +104,11 @@ const Y = {
|
|
|
104
104
|
]),
|
|
105
105
|
_: 1
|
|
106
106
|
})) : n("", !0),
|
|
107
|
-
L("input", y({
|
|
107
|
+
L("input", y({
|
|
108
108
|
ref_key: "inputRef",
|
|
109
109
|
ref: T,
|
|
110
|
+
maxlength: e.maxLength
|
|
111
|
+
}, { ...u.$attrs, ...t(c)[t(f).FIELD] }, {
|
|
110
112
|
value: t(A),
|
|
111
113
|
placeholder: t(S),
|
|
112
114
|
disabled: e.disabled || e.viewOnly,
|
|
@@ -119,7 +121,6 @@ const Y = {
|
|
|
119
121
|
"input-type": e.type
|
|
120
122
|
}],
|
|
121
123
|
step: e.step,
|
|
122
|
-
maxlength: e.maxLength,
|
|
123
124
|
onInput: a[0] || (a[0] = //@ts-ignore
|
|
124
125
|
(...i) => t(I) && t(I)(...i)),
|
|
125
126
|
onFocus: a[1] || (a[1] = (i) => x.value = !0),
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.font-tab-label2[data-v-07687bcc],.font-chart-2[data-v-07687bcc],.font-chart-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:700}.font-chip-label[data-v-07687bcc],.font-table-label[data-v-07687bcc],.font-button[data-v-07687bcc],.font-heading-6[data-v-07687bcc],.font-heading-5[data-v-07687bcc],.font-heading-4[data-v-07687bcc],.font-heading-3[data-v-07687bcc],.font-heading-2[data-v-07687bcc],.font-heading-1[data-v-07687bcc],.font-title[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-07687bcc],.font-input-label[data-v-07687bcc],.font-overline[data-v-07687bcc],.font-subtitle-2[data-v-07687bcc],.font-subtitle-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-07687bcc],.font-body-2[data-v-07687bcc],.input-container .input[data-v-07687bcc],.font-body-1[data-v-07687bcc]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-07687bcc]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-07687bcc]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-07687bcc]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-07687bcc]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-07687bcc]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-07687bcc]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-07687bcc]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.input-container .input[data-v-07687bcc],.font-body-1[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-07687bcc]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-07687bcc]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-07687bcc]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-07687bcc]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-07687bcc]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-07687bcc]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-07687bcc]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-07687bcc],.font-tab-label2[data-v-07687bcc]{font-size:.875rem;line-height:1rem}.font-chip-label[data-v-07687bcc]{font-size:.75rem;line-height:1rem}h1[data-v-07687bcc],h2[data-v-07687bcc],h3[data-v-07687bcc],h4[data-v-07687bcc],h5[data-v-07687bcc],h6[data-v-07687bcc]{margin:0}.disabled .input[data-v-07687bcc]::placeholder{color:var(--text-disabled)}.disabled .input-container[data-v-07687bcc]{cursor:no-drop;background-color:var(--action-disabled-background)}.disabled .input-container[data-v-07687bcc]:hover{outline:1px solid var(--action-outlined-border);background-color:var(--action-disabled-background)}.input-size-small[data-v-07687bcc]{height:28px}.input-size-medium[data-v-07687bcc]{height:32px}.input-size-large[data-v-07687bcc]{height:40px}.input-with-label-container[data-v-07687bcc]{display:flex;flex-direction:column}.input-container[data-v-07687bcc]{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-07687bcc]:hover{outline:1px solid var(--action-active);background-color:var(--action-hover)}.input-container .input[data-v-07687bcc]{padding:0;width:100%;border:none;background:transparent;color:var(--text-primary);line-height:normal}.input-container .input[data-v-07687bcc]:focus{outline:none}.input-container .input[data-v-07687bcc]:disabled{color:var(--text-disabled);cursor:no-drop}.input-container .input.view-only[data-v-07687bcc]{color:var(--text-disabled)}.input-container .input[type=number][data-v-07687bcc]::-webkit-inner-spin-button{opacity:.7;transform:scale(1.1)}.input-container .hide-arrows.input[type=number][data-v-07687bcc]::-webkit-inner-spin-button,.input-container .hide-arrows.input[type=number][data-v-07687bcc]::-webkit-outer-spin-button{margin:0;-webkit-appearance:none;appearance:none}.input-container .input[type=password][data-v-07687bcc]{letter-spacing:4px}.input-container[data-v-07687bcc] ::placeholder{color:var(--text-secondary);letter-spacing:normal}.input-container .label-inside[data-v-07687bcc]::placeholder{color:var(--text-primary)}.input-container .icon-container[data-v-07687bcc]{display:flex;align-items:center;color:var(--text-secondary)}.input-container .icon-before[data-v-07687bcc]{padding-right:var(--spacing-100)}.input-container .icon-after[data-v-07687bcc]{padding-left:var(--spacing-100)}.prefix-text[data-v-07687bcc]{color:var(--text-secondary, #646464);margin-right:var(--spacing-100)}.suffix-text[data-v-07687bcc]{color:var(--text-secondary, #646464);margin-left:var(--spacing-100)}.focused[data-v-07687bcc],.focused[data-v-07687bcc]:hover{outline:2px solid var(--primary-main);background-color:var(--action-hover)}.error-icon.error-icon[data-v-07687bcc],.error-icon.error-icon[data-v-07687bcc]:hover{color:var(--error-main)}.confirm-icon.confirm-icon[data-v-07687bcc]{padding-left:.25rem}.confirm-icon.confirm-icon[data-v-07687bcc]:hover{color:var(--primary-main)}.label-direction-left[data-v-07687bcc]{flex-direction:row;align-items:center;justify-content:space-between}.apply-button[data-v-07687bcc]{cursor:pointer;color:var(--primary-main);width:var(--spacing-250);height:var(--spacing-250)}.inline-error[data-v-07687bcc]{cursor:pointer;color:var(--error-main);display:flex;justify-content:center;align-items:center}.footer[data-v-07687bcc]{display:flex;justify-content:flex-end;margin-top:var(--spacing-50)}.footer.footer-absolute[data-v-07687bcc]{position:absolute;bottom:calc(0px - var(--spacing-300))}.password-visibility-toggle[data-v-07687bcc]{cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary)}.variant-success .input-container[data-v-07687bcc],.variant-success .input-container[data-v-07687bcc]:hover{outline:2px solid var(--success-dark)}.variant-error .input-container[data-v-07687bcc],.variant-error .input-container[data-v-07687bcc]:hover{outline:2px solid var(--error-main)}.variant-warning .input-container[data-v-07687bcc],.variant-warning .input-container[data-v-07687bcc]:hover{outline:2px solid var(--warning-dark)}
|