@ironsource/shared-ui 2.1.3-rc.2 → 2.1.3-rc.4

package/index.js

@@ -1,20 +1,20 @@
 import './CssBaseline.vue_vue_type_style_index_0_scoped_f7dd256b_lang.css';
-import { AppTriggerTypes as J } from "./components/appTrigger/index.js";
-import { AutocompleteDropdownTypes as Y } from "./components/autocompleteDropdown/index.js";
-import { MenuItemTypes as Q } from "./components/menuItem/index.js";
-import { MenuTypes as W } from "./components/menu/index.js";
-import { AppIconTypes as Z } from "./components/appIcon/index.js";
-import { FloatingToolbarTypes as ro } from "./components/floatingToolbar/index.js";
-import { IncludeExcludeTypes as to } from "./components/includeExclude/index.js";
-import { CssBaselineTypes as po } from "./components/cssBaseline/index.js";
-import { ID_INJECTION_KEY as fo, useId as io } from "./composables/useId.js";
-import { FilterDropdownTypes as xo } from "./components/filterDropdown/index.js";
-import { TypographyTypes as lo } from "./components/typography/index.js";
-import { TypographyTypesV4 as $o } from "./components/typography/v4/index.js";
-import { PopoverTypes as co } from "./components/popover/index.js";
-import { MultiBarTypes as go } from "./components/multibar/index.js";
-import { FoldableSectionTypes as Io } from "./components/layout/index.js";
-import { FormCardTypes as Eo, FormFieldTypes as Ao } from "./components/forms/index.js";
+import { AppTriggerTypes as Y } from "./components/appTrigger/index.js";
+import { AutocompleteDropdownTypes as Q } from "./components/autocompleteDropdown/index.js";
+import { MenuItemTypes as W } from "./components/menuItem/index.js";
+import { MenuTypes as Z } from "./components/menu/index.js";
+import { AppIconTypes as ro } from "./components/appIcon/index.js";
+import { FloatingToolbarTypes as to } from "./components/floatingToolbar/index.js";
+import { IncludeExcludeTypes as po } from "./components/includeExclude/index.js";
+import { CssBaselineTypes as fo } from "./components/cssBaseline/index.js";
+import { ID_INJECTION_KEY as so, useId as xo } from "./composables/useId.js";
+import { FilterDropdownTypes as lo } from "./components/filterDropdown/index.js";
+import { TypographyTypes as $o } from "./components/typography/index.js";
+import { TypographyTypesV4 as co } from "./components/typography/v4/index.js";
+import { PopoverTypes as go } from "./components/popover/index.js";
+import { MultiBarTypes as Io } from "./components/multibar/index.js";
+import { FoldableSectionTypes as Eo } from "./components/layout/index.js";
+import { FormCardTypes as Bo, FormFieldTypes as Co } from "./components/forms/index.js";
 import * as o from "./components/button/v3/index.js";
 import * as r from "./components/button/v4/index.js";
 import * as e from "./components/chip/v3/index.js";
@@ -49,19 +49,20 @@ import * as M from "./components/skeleton/v3/index.js";
 import * as P from "./components/skeleton/v4/index.js";
 import * as v from "./components/emptyState/v3/index.js";
 import * as k from "./components/emptyState/v4/index.js";
-import * as O from "./components/snackbar/v3/index.js";
-import * as R from "./components/snackbar/v4/index.js";
-import * as S from "./components/radioButton/v3/index.js";
-import * as V from "./components/radioButton/v4/index.js";
-import * as H from "./components/ThemeWrapper/index.js";
-import * as N from "./components/appHeader/index.js";
-import * as _ from "./components/inlineCopy/index.js";
-import * as j from "./components/statusDot/index.js";
-import { TextAreaTypes as Co } from "./components/textArea/index.js";
+import * as H from "./components/snackbar/v3/index.js";
+import * as O from "./components/snackbar/v4/index.js";
+import * as R from "./components/radioButton/v3/index.js";
+import * as S from "./components/radioButton/v4/index.js";
+import * as V from "./components/textArea/v3/index.js";
+import * as N from "./components/textArea/v4/index.js";
+import * as _ from "./components/ThemeWrapper/index.js";
+import * as j from "./components/appHeader/index.js";
+import * as q from "./components/inlineCopy/index.js";
+import * as z from "./components/statusDot/index.js";
 import { useToggle as ho } from "./composables/useToggle.js";
 import { useSearch as Mo } from "./composables/useSearch.js";
-import { scrollToElementByClass as vo, scrollToFirstInvalidElement as ko, useFormValidation as Oo, yupValidation as Ro } from "./composables/useFormValidation.js";
-import { DateRangeTypes as Vo } from "./components/dateRange/index.js";
+import { scrollToElementByClass as vo, scrollToFirstInvalidElement as ko, useFormValidation as Ho, yupValidation as Oo } from "./composables/useFormValidation.js";
+import { DateRangeTypes as So } from "./components/dateRange/index.js";
 import { DatePickerTypes as No } from "./components/datePicker/index.js";
 import { BannerTypes as jo } from "./components/banner/index.js";
 import { default as zo } from "./components/appTrigger/AppTrigger.vue.js";
@@ -87,14 +88,13 @@ import { default as br } from "./components/popover/Popover.vue.js";
 import { default as wr } from "./components/multibar/MultiBar.vue.js";
 import { default as Pr } from "./components/layout/FoldableSection.vue.js";
 import { default as kr } from "./components/forms/FormRow.vue.js";
-import { default as Rr } from "./components/forms/FormCard.vue.js";
-import { default as Vr } from "./components/forms/CardPanel.vue.js";
+import { default as Or } from "./components/forms/FormCard.vue.js";
+import { default as Sr } from "./components/forms/CardPanel.vue.js";
 import { default as Nr } from "./components/forms/FormField.vue.js";
-import { default as jr } from "./components/textArea/TextArea.vue.js";
-import { default as zr } from "./components/dateRange/DateRange.vue.js";
-import { default as Jr } from "./components/datePicker/DatePicker.vue.js";
-import { default as Yr } from "./components/banner/Banner.vue.js";
-const q = {
+import { default as jr } from "./components/dateRange/DateRange.vue.js";
+import { default as zr } from "./components/datePicker/DatePicker.vue.js";
+import { default as Jr } from "./components/banner/Banner.vue.js";
+const G = {
   ...e,
   ...t,
   ...m,
@@ -127,47 +127,49 @@ const q = {
   ...k,
   ...M,
   ...P,
+  ...H,
   ...O,
-  ...R,
   ...n,
   ...l,
-  ...S,
   ...V,
-  ...H,
   ...N,
+  ...R,
+  ...S,
   ..._,
-  ...j
+  ...j,
+  ...q,
+  ...z
 };
 export {
   gr as AddFilterButton,
   Wo as AppIcon,
-  Z as AppIconTypes,
+  ro as AppIconTypes,
   zo as AppTrigger,
-  J as AppTriggerTypes,
+  Y as AppTriggerTypes,
   Jo as AutocompleteDropdown,
-  Y as AutocompleteDropdownTypes,
-  Yr as Banner,
+  Q as AutocompleteDropdownTypes,
+  Jr as Banner,
   jo as BannerTypes,
-  Vr as CardPanel,
+  Sr as CardPanel,
   $r as CssBaseline,
-  po as CssBaselineTypes,
-  Jr as DatePicker,
+  fo as CssBaselineTypes,
+  zr as DatePicker,
   No as DatePickerTypes,
-  zr as DateRange,
-  Vo as DateRangeTypes,
+  jr as DateRange,
+  So as DateRangeTypes,
   cr as FilterDropdown,
-  xo as FilterDropdownTypes,
+  lo as FilterDropdownTypes,
   Zo as FloatingToolbar,
-  ro as FloatingToolbarTypes,
+  to as FloatingToolbarTypes,
   Pr as FoldableSection,
-  Io as FoldableSectionTypes,
-  Rr as FormCard,
-  Eo as FormCardTypes,
+  Eo as FoldableSectionTypes,
+  Or as FormCard,
+  Bo as FormCardTypes,
   Nr as FormField,
-  Ao as FormFieldTypes,
+  Co as FormFieldTypes,
   kr as FormRow,
   Ir as Heading,
-  fo as ID_INJECTION_KEY,
+  so as ID_INJECTION_KEY,
   rr as IncludeExclude,
   xr as IncludeExcludeAppHeader,
   dr as IncludeExcludeAppTrigger,
@@ -175,27 +177,25 @@ export {
   tr as IncludeExcludeDragDrop,
   pr as IncludeExcludeOption,
   fr as IncludeExcludeOptionDraggable,
-  to as IncludeExcludeTypes,
+  po as IncludeExcludeTypes,
   Qo as Menu,
   Yo as MenuItem,
-  Q as MenuItemTypes,
-  W as MenuTypes,
+  W as MenuItemTypes,
+  Z as MenuTypes,
   wr as MultiBar,
-  go as MultiBarTypes,
+  Io as MultiBarTypes,
   br as Popover,
-  co as PopoverTypes,
+  go as PopoverTypes,
   Er as Text,
-  jr as TextArea,
-  Co as TextAreaTypes,
   Br as Typography,
-  lo as TypographyTypes,
-  $o as TypographyTypesV4,
-  q as default,
+  $o as TypographyTypes,
+  co as TypographyTypesV4,
+  G as default,
   vo as scrollToElementByClass,
   ko as scrollToFirstInvalidElement,
-  Oo as useFormValidation,
-  io as useId,
+  Ho as useFormValidation,
+  xo as useId,
   Mo as useSearch,
   ho as useToggle,
-  Ro as yupValidation
+  Oo as yupValidation
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.1.3-rc.2",
+  "version": "2.1.3-rc.4",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -210,7 +210,8 @@
     "./dollarInput": "./components/input/v3/DollarInput.vue.js",
     "./passwordInput": "./components/input/v3/PasswordInput.vue.js",
     "./percentageInput": "./components/input/v3/PercentageInput.vue.js",
-    "./textArea": "./components/textArea/TextArea.vue.js",
+    "./textArea": "./components/textArea/v3/TextArea.vue.js",
+    "./textArea/v4": "./components/textArea/v4/index.js",
     "./styleguide": "./styleguide.scss",
     "./styleguideV4": "./style/styleguideV4.scss",
     "./banner": "./components/banner/Banner.vue.js",

package/TextArea.vue_vue_type_style_index_0_scoped_889b62ac_lang.css

@@ -1 +0,0 @@
-.label[data-v-889b62ac]{color:#41454d}.disabled[data-v-889b62ac]{opacity:70%}.textarea-with-label-container[data-v-889b62ac]{display:flex;flex-direction:column}.textarea-with-label-container .label-container[data-v-889b62ac]{white-space:nowrap;display:flex;align-items:center;height:24px}.textarea-with-label-container .label-container .label[data-v-889b62ac]{margin-bottom:4px}.textarea-with-label-container .textarea[data-v-889b62ac]{padding:.5rem 12px;height:96px;border:none;border-radius:.5rem;background:#f1f3f4;color:#53575b;font-family:HelveticaNeue,sans-serif;font-size:.8125rem}.textarea-with-label-container .textarea[data-v-889b62ac]:focus{outline:none;background:linear-gradient(0deg,#3083ff 0,#3083ff 2px,#f1f3f4 0)}.textarea-with-label-container .textarea[data-v-889b62ac]:disabled{color:#8e959d}.textarea-with-label-container .textarea[data-v-889b62ac]::placeholder{color:#8e959d}.textarea-with-label-container .extra-text-container[data-v-889b62ac]{line-height:16px;margin-left:4px}.textarea-with-label-container .extra-text-container .error[data-v-889b62ac]{color:#da564f}.textarea-with-label-container .extra-text-container .help[data-v-889b62ac]{color:#696a6b}

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

package/components/textArea/TextArea.vue.js

@@ -1,7 +0,0 @@
-import e from "./TextArea.vue2.js";
-/* empty css               */import o from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../TextArea.vue_vue_type_style_index_0_scoped_889b62ac_lang.css"; //*');
-const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-889b62ac"]]);
-export {
-  a as default
-};