@ironsource/shared-ui 2.2.0-test.7 → 2.2.0-test.89

package/index.js

@@ -1,4 +1,4 @@
-import './IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css';
+import './Text.vue_vue_type_style_index_0_scoped_94bd409b_lang.css';
 import { AppTriggerTypes as eo } from "./components/appTrigger/index.js";
 import { AutocompleteDropdownTypes as mo } from "./components/autocompleteDropdown/index.js";
 import { MenuItemTypes as ao } from "./components/menuItem/index.js";
@@ -6,7 +6,7 @@ import { MenuTypes as io } from "./components/menu/index.js";
 import { AppIconTypes as so } from "./components/appIcon/index.js";
 import { FloatingToolbarTypes as lo } from "./components/floatingToolbar/index.js";
 import { IncludeExcludeTypes as $o } from "./components/includeExclude/index.js";
-import { ID_INJECTION_KEY as co, useId as yo } from "./composables/useId.js";
+import { ID_INJECTION_KEY as yo, useId as co } from "./composables/useId.js";
 import { FilterDropdownTypes as Fo } from "./components/filterDropdown/index.js";
 import { TypographyTypes as Co } from "./components/typography/index.js";
 import { TypographyTypesV4 as Eo } from "./components/typography/v4/index.js";
@@ -30,8 +30,8 @@ import * as l from "./components/checkbox/v4/index.js";
 import * as u from "./components/icon/v3/index.js";
 import * as $ from "./components/icon/v4/index.js";
 import * as T from "./components/input/v3/index.js";
-import * as c from "./components/input/v4/index.js";
-import * as y from "./components/tabs/v3/index.js";
+import * as y from "./components/input/v4/index.js";
+import * as c from "./components/tabs/v3/index.js";
 import * as g from "./components/tabs/v4/index.js";
 import * as F from "./components/dialog/v3/index.js";
 import * as I from "./components/dialog/v4/index.js";
@@ -79,41 +79,43 @@ import { ChartTypes as or } from "./components/chart/index.js";
 import { ColumnPickerTypes as er } from "./components/columnPicker/index.js";
 import { ColumnConfiguratorTypes as mr } from "./components/columnConfigurator/index.js";
 import { TagsFieldTypes as ar } from "./components/tagsField/index.js";
-import { default as ir } from "./components/appTrigger/AppTrigger.vue.js";
-import { default as xr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
-import { default as nr } from "./components/menuItem/MenuItem.vue.js";
-import { default as ur } from "./components/menu/Menu.vue.js";
-import { default as Tr } from "./components/appIcon/AppIcon.vue.js";
-import { default as yr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
-import { default as Fr } from "./components/includeExclude/IncludeExclude.vue.js";
-import { default as Cr } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
-import { default as Er } from "./components/includeExclude/IncludeExcludeOption.vue.js";
-import { default as hr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
-import { default as Mr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
-import { default as wr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
-import { default as Hr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
-import { default as Pr } from "./components/filterDropdown/FilterDropdown.vue.js";
-import { default as vr } from "./components/filterDropdown/AddFilterButton.vue.js";
-import { default as Nr } from "./components/typography/Heading.vue.js";
-import { default as Jr } from "./components/typography/Text.vue.js";
-import { default as Rr } from "./components/typography/v4/Typography.vue.js";
-import { default as jr } from "./components/multibar/MultiBar.vue.js";
-import { default as zr } from "./components/layout/FoldableSection.vue.js";
-import { default as Qr } from "./components/forms/FormRow.vue.js";
-import { default as Ur } from "./components/forms/FormCard.vue.js";
-import { default as Xr } from "./components/forms/CardPanel.vue.js";
-import { default as oe } from "./components/forms/FormField.vue.js";
-import { default as ee } from "./components/banner/Banner.vue.js";
-import { default as me } from "./components/alert/Alert.vue.js";
-import { default as ae } from "./components/link/Link.vue.js";
-import { default as ie } from "./components/helpText/HelpText.vue.js";
-import { default as xe } from "./components/autocomplete/Autocomplete.vue.js";
-import { default as ne } from "./components/chart/Chart.vue.js";
-import { ChartType as ue, TooltipOrder as $e, TrendDirection as Te } from "./components/chart/types.js";
-import { default as ye } from "./components/columnPicker/ColumnPicker.vue.js";
-import { default as Fe } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
-import { default as Ce } from "./components/tagsField/TagsField.vue.js";
-import { default as Ee } from "./components/tagsField/TagsFieldChip.vue.js";
+import { TagTypes as ir } from "./components/tag/index.js";
+import { default as xr } from "./components/appTrigger/AppTrigger.vue.js";
+import { default as nr } from "./components/autocompleteDropdown/AutocompleteDropdown.vue.js";
+import { default as ur } from "./components/menuItem/MenuItem.vue.js";
+import { default as Tr } from "./components/menu/Menu.vue.js";
+import { default as cr } from "./components/appIcon/AppIcon.vue.js";
+import { default as Fr } from "./components/floatingToolbar/FloatingToolbar.vue.js";
+import { default as Cr } from "./components/includeExclude/IncludeExclude.vue.js";
+import { default as Er } from "./components/includeExclude/IncludeExcludeDragDrop.vue.js";
+import { default as hr } from "./components/includeExclude/IncludeExcludeOption.vue.js";
+import { default as Mr } from "./components/includeExclude/IncludeExcludeOptionDraggable.vue.js";
+import { default as wr } from "./components/includeExclude/IncludeExcludeAppTrigger.vue.js";
+import { default as Hr } from "./components/includeExclude/IncludeExcludeAppHeader.vue.js";
+import { default as Pr } from "./components/includeExclude/IncludeExcludeChipFilter.vue.js";
+import { default as vr } from "./components/filterDropdown/FilterDropdown.vue.js";
+import { default as Nr } from "./components/filterDropdown/AddFilterButton.vue.js";
+import { default as Jr } from "./components/typography/Heading.vue.js";
+import { default as Rr } from "./components/typography/Text.vue.js";
+import { default as jr } from "./components/typography/v4/Typography.vue.js";
+import { default as zr } from "./components/multibar/MultiBar.vue.js";
+import { default as Qr } from "./components/layout/FoldableSection.vue.js";
+import { default as Ur } from "./components/forms/FormRow.vue.js";
+import { default as Xr } from "./components/forms/FormCard.vue.js";
+import { default as oe } from "./components/forms/CardPanel.vue.js";
+import { default as ee } from "./components/forms/FormField.vue.js";
+import { default as me } from "./components/banner/Banner.vue.js";
+import { default as ae } from "./components/alert/Alert.vue.js";
+import { default as ie } from "./components/link/Link.vue.js";
+import { default as xe } from "./components/helpText/HelpText.vue.js";
+import { default as ne } from "./components/autocomplete/Autocomplete.vue.js";
+import { default as ue } from "./components/chart/Chart.vue.js";
+import { ChartType as Te, TooltipOrder as ye, TrendDirection as ce } from "./components/chart/types.js";
+import { default as Fe } from "./components/columnPicker/ColumnPicker.vue.js";
+import { default as Ce } from "./components/columnConfigurator/ColumnConfigurator.vue.js";
+import { default as Ee } from "./components/tagsField/TagsField.vue.js";
+import { default as he } from "./components/tagsField/TagsFieldChip.vue.js";
+import { default as Me } from "./components/tag/Tag.vue.js";
 const Z = {
   ...e,
   ...t,
@@ -128,10 +130,10 @@ const Z = {
   ...x,
   ...s,
   ...T,
-  ...c,
+  ...y,
   ...u,
   ...$,
-  ...y,
+  ...c,
   ...g,
   ...F,
   ...I,
@@ -170,65 +172,67 @@ const Z = {
   ...X
 };
 export {
-  vr as AddFilterButton,
-  me as Alert,
+  Nr as AddFilterButton,
+  ae as Alert,
   zo as AlertTypes,
-  Tr as AppIcon,
+  cr as AppIcon,
   so as AppIconTypes,
-  ir as AppTrigger,
+  xr as AppTrigger,
   eo as AppTriggerTypes,
-  xe as Autocomplete,
-  xr as AutocompleteDropdown,
+  ne as Autocomplete,
+  nr as AutocompleteDropdown,
   mo as AutocompleteDropdownTypes,
   Xo as AutocompleteTypes,
-  ee as Banner,
+  me as Banner,
   jo as BannerTypes,
-  Xr as CardPanel,
-  ne as Chart,
-  ue as ChartType,
+  oe as CardPanel,
+  ue as Chart,
+  Te as ChartType,
   or as ChartTypes,
-  Fe as ColumnConfigurator,
+  Ce as ColumnConfigurator,
   mr as ColumnConfiguratorTypes,
-  ye as ColumnPicker,
+  Fe as ColumnPicker,
   er as ColumnPickerTypes,
-  Pr as FilterDropdown,
+  vr as FilterDropdown,
   Fo as FilterDropdownTypes,
-  yr as FloatingToolbar,
+  Fr as FloatingToolbar,
   lo as FloatingToolbarTypes,
-  zr as FoldableSection,
+  Qr as FoldableSection,
   Mo as FoldableSectionTypes,
-  Ur as FormCard,
+  Xr as FormCard,
   wo as FormCardTypes,
-  oe as FormField,
+  ee as FormField,
   ko as FormFieldTypes,
-  Qr as FormRow,
-  Nr as Heading,
-  ie as HelpText,
+  Ur as FormRow,
+  Jr as Heading,
+  xe as HelpText,
   Uo as HelpTextTypes,
-  co as ID_INJECTION_KEY,
-  Fr as IncludeExclude,
-  wr as IncludeExcludeAppHeader,
-  Mr as IncludeExcludeAppTrigger,
-  Hr as IncludeExcludeChipFilter,
-  Cr as IncludeExcludeDragDrop,
-  Er as IncludeExcludeOption,
-  hr as IncludeExcludeOptionDraggable,
+  yo as ID_INJECTION_KEY,
+  Cr as IncludeExclude,
+  Hr as IncludeExcludeAppHeader,
+  wr as IncludeExcludeAppTrigger,
+  Pr as IncludeExcludeChipFilter,
+  Er as IncludeExcludeDragDrop,
+  hr as IncludeExcludeOption,
+  Mr as IncludeExcludeOptionDraggable,
   $o as IncludeExcludeTypes,
-  ae as Link,
+  ie as Link,
   Qo as LinkTypes,
-  ur as Menu,
-  nr as MenuItem,
+  Tr as Menu,
+  ur as MenuItem,
   ao as MenuItemTypes,
   io as MenuTypes,
-  jr as MultiBar,
+  zr as MultiBar,
   ho as MultiBarTypes,
-  Ce as TagsField,
-  Ee as TagsFieldChip,
+  Me as Tag,
+  ir as TagTypes,
+  Ee as TagsField,
+  he as TagsFieldChip,
   ar as TagsFieldTypes,
-  Jr as Text,
-  $e as TooltipOrder,
-  Te as TrendDirection,
-  Rr as Typography,
+  Rr as Text,
+  ye as TooltipOrder,
+  ce as TrendDirection,
+  jr as Typography,
   Co as TypographyTypes,
   Eo as TypographyTypesV4,
   Z as default,
@@ -236,7 +240,7 @@ export {
   No as scrollToFirstInvalidElement,
   Ro as useDateService,
   Vo as useFormValidation,
-  yo as useId,
+  co as useId,
   So as useSearch,
   Oo as useToggle,
   Jo as yupValidation

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ironsource/shared-ui",
-  "version": "2.2.0-test.7",
+  "version": "2.2.0-test.89",
   "engines": {
     "npm": ">=7.0.0",
     "node": ">=16.0.0"
@@ -239,7 +239,8 @@
     "./sortableList": "./components/sortableList/index.js",
     "./composables/useFormValidation": "./composables/useFormValidation.js",
     "./composables/useDateService": "./composables/useDateService.js",
-    "./utils/": "./utils/index.ts"
+    "./utils/": "./utils/index.ts",
+    "./tag": "./components/tag/index.js"
   },
   "typesVersions": {
     "*": {
@@ -494,6 +495,9 @@
       ],
       "composables/useDateService": [
         "./composables/useDateService.d.ts"
+      ],
+      "tag": [
+        "./components/tag/index.d.ts"
       ]
     }
   },

package/Chart.vue_vue_type_style_index_0_scoped_22477735_lang.css

@@ -1 +0,0 @@
-.chart-container[data-v-22477735]{border:1px solid var(--common-divider);background:var(--background-paper);display:flex;border-radius:0 0 6px 6px;width:100%}.chart-planes[data-v-22477735]{width:100%;height:100%;overflow-y:auto}.chart-planes.with-legend[data-v-22477735]{width:calc(100% - 221px)}.chart-planes .extra-chart-plane[data-v-22477735]{border-top:1px solid var(--common-divider)}.chart-sidebar[data-v-22477735]{border-left:1px solid var(--common-divider)}

package/FormCard.vue_vue_type_style_index_0_scoped_86feae7b_lang.css

@@ -1 +0,0 @@
-.form-card[data-v-86feae7b]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper)}.card-header[data-v-86feae7b]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-600);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300);border-bottom:1px solid var(--common-divider)}.card-header .skeleton-header[data-v-86feae7b]{width:220px;height:20px}.card-content[data-v-86feae7b]{padding:var(--spacing-350) var(--spacing-500)}.card-content--no-padding[data-v-86feae7b]{padding:0}.form-actions[data-v-86feae7b]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-86feae7b]{margin-left:var(--spacing-100)}.content-skeleton-container[data-v-86feae7b]{display:flex;flex-direction:column}.content-skeleton-container .skeleton-long[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:896px;height:16px}.content-skeleton-container .skeleton-short[data-v-86feae7b]{margin-bottom:24px;width:100%;max-width:436px;height:16px}

package/OptionV4.vue_vue_type_style_index_0_scoped_752a357d_lang.css

@@ -1 +0,0 @@
-.label[data-v-752a357d]{color:#41454d}.item-container[data-v-752a357d]{width:100%;display:flex;align-items:center;cursor:pointer;border-radius:var(--border-radius-lg);margin-bottom:.25rem;color:var(--text-primary);padding:6px 8px}.item-container--disabled[data-v-752a357d]{cursor:not-allowed;color:var(--text-disabled)}.item-container--disabled .item .start-icon[data-v-752a357d],.item-container--disabled .item .end-icon[data-v-752a357d],.item-container--disabled .item .end-text-icon[data-v-752a357d]{color:var(--text-disabled)}.item-container--disabled .item .image img[data-v-752a357d]{opacity:.5}.item-container[data-v-752a357d]:hover:not(.item-container--disabled){background-color:var(--action-hover)}.item-container--active[data-v-752a357d],.item-container[data-v-752a357d]:active{background-color:var(--action-selected)}.item-container:not(.item-container--multi).item-container--selected[data-v-752a357d]{background-color:var(--action-selected)}.subtitle[data-v-752a357d]{color:#7b838c;line-height:1rem}.clear-button[data-v-752a357d]{display:flex;padding:0 4px;color:#7b838c;align-items:center;height:auto;background-image:none;min-width:auto;border:none;background-color:transparent}.clear-button[data-v-752a357d]:hover{color:#3083ff}.item[data-v-752a357d]{width:100%;display:flex;gap:.5rem;align-items:center}.item--with-icon[data-v-752a357d],.item--multi[data-v-752a357d]{display:flex;flex-direction:row;align-items:center;justify-content:start}.item .image[data-v-752a357d]{width:20px;height:20px;flex:none}.item .image img[data-v-752a357d]{width:20px;height:20px;border-radius:4px}.item .flag[data-v-752a357d]{width:16px;height:16px}.item .flag img[data-v-752a357d]{width:16px;height:16px;border-radius:50%}.item .start-icon[data-v-752a357d],.item .end-icon[data-v-752a357d]{display:flex;color:var(--action-active)}.item .end-text-icon[data-v-752a357d]{display:inline-flex}.item .option-text[data-v-752a357d]{line-height:1.1875rem}.text-container[data-v-752a357d]{width:100%;text-overflow:ellipsis;overflow:hidden}.v4-tooltip.tooltip-option[data-v-752a357d]{display:block}.tooltip-option[data-v-752a357d] .container{width:100%}.app-trigger--icon[data-v-752a357d]{color:var(--action-active);transform:rotate(-90deg);transition:transform .2s}.app-trigger--icon.expanded[data-v-752a357d]{transform:rotate(0)}.option-warning[data-v-752a357d]{display:flex}.option-warning__icon[data-v-752a357d]{color:var(--warning-main)}.option-content[data-v-752a357d]{display:flex}.option-content[data-v-752a357d]:not(.option-content-vertical){gap:.5rem;align-items:center}.option-content-horizontal[data-v-752a357d]{justify-content:space-between;gap:.5rem}.option-content-vertical[data-v-752a357d]{flex-direction:column}.option-text .main-text[data-v-752a357d]{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}.option-text .main-text .conditional-option-label[data-v-752a357d]{color:var(--text-secondary);display:inline-flex}.option-text .main-text .conditional-option-value[data-v-752a357d]{margin-left:4px;display:inline-flex;color:var(--primary-main)}.option-text .caption-text[data-v-752a357d]{color:var(--text-secondary)}.multiline-tooltip[data-v-752a357d]{display:flex;flex-direction:column}

package/PopoverV4.vue_vue_type_style_index_0_scoped_66694b4e_lang.css

@@ -1 +0,0 @@
-div[data-v-66694b4e]{display:block}

package/TagsFieldChip.vue_vue_type_style_index_0_scoped_a5f2dd8b_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-a5f2dd8b],.font-chart-2[data-v-a5f2dd8b],.font-chart-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:700}.chip-input-sizer[data-v-a5f2dd8b],.chip-input[data-v-a5f2dd8b],.font-chip-label[data-v-a5f2dd8b],.font-table-label[data-v-a5f2dd8b],.font-button[data-v-a5f2dd8b],.font-heading-6[data-v-a5f2dd8b],.font-heading-5[data-v-a5f2dd8b],.font-heading-4[data-v-a5f2dd8b],.font-heading-3[data-v-a5f2dd8b],.font-heading-2[data-v-a5f2dd8b],.font-heading-1[data-v-a5f2dd8b],.font-title[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:600}.font-tab-label1[data-v-a5f2dd8b],.font-input-label[data-v-a5f2dd8b],.font-overline[data-v-a5f2dd8b],.font-subtitle-2[data-v-a5f2dd8b],.font-subtitle-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:500}.font-caption[data-v-a5f2dd8b],.font-body-2[data-v-a5f2dd8b],.font-body-1[data-v-a5f2dd8b]{font-family:Inter,sans-serif;font-weight:400}.font-title[data-v-a5f2dd8b]{font-size:2.5rem;line-height:3rem;letter-spacing:-.055rem}.font-heading-1[data-v-a5f2dd8b]{font-size:1.5rem;line-height:1.75rem;letter-spacing:-.0285rem}.font-heading-2[data-v-a5f2dd8b]{font-size:1.125rem;line-height:1.75rem;letter-spacing:-.01575rem}.font-heading-3[data-v-a5f2dd8b]{font-size:1rem;line-height:1.5rem;letter-spacing:-.011rem}.font-heading-4[data-v-a5f2dd8b]{font-size:.875rem;line-height:1rem;letter-spacing:unset}.font-heading-5[data-v-a5f2dd8b]{font-size:.8125rem;line-height:16px;letter-spacing:unset}.font-heading-6[data-v-a5f2dd8b]{font-size:.75rem;line-height:.75rem;letter-spacing:0}.font-body-1[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-body-2[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-subtitle-1[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:-.00525rem}.font-subtitle-2[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:-.00244rem}.font-chart-1[data-v-a5f2dd8b]{font-size:1.5rem;line-height:1.5rem;letter-spacing:-.015rem}.font-chart-2[data-v-a5f2dd8b]{font-size:1.25rem;line-height:1.25rem;letter-spacing:-.0125rem}.font-button[data-v-a5f2dd8b]{font-size:.875rem;line-height:1.25rem;letter-spacing:.00875rem}.font-overline[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem;letter-spacing:.045rem;text-transform:uppercase}.font-caption[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem}.font-table-label[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1.25rem;letter-spacing:.00813rem}.font-input-label[data-v-a5f2dd8b]{font-size:.8125rem;line-height:1rem;letter-spacing:.00813rem}.font-tab-label1[data-v-a5f2dd8b],.font-tab-label2[data-v-a5f2dd8b]{font-size:.875rem;line-height:1rem}.chip-input-sizer[data-v-a5f2dd8b],.chip-input[data-v-a5f2dd8b],.font-chip-label[data-v-a5f2dd8b]{font-size:.75rem;line-height:1rem}h1[data-v-a5f2dd8b],h2[data-v-a5f2dd8b],h3[data-v-a5f2dd8b],h4[data-v-a5f2dd8b],h5[data-v-a5f2dd8b],h6[data-v-a5f2dd8b]{margin:0}.rounded-chip[data-v-a5f2dd8b]{border-radius:100px}.tags-field-chip--editing[data-v-a5f2dd8b]{outline:1px solid var(--outline-color)}.chip-content[data-v-a5f2dd8b]{display:flex;align-items:center;position:relative;min-width:.625rem;max-width:31.25rem}.chip-label[data-v-a5f2dd8b]{min-width:.5rem}.chip-label--hidden[data-v-a5f2dd8b]{visibility:hidden}.chip-input[data-v-a5f2dd8b]{position:static;width:auto;background:transparent;min-width:.6rem;padding:0;border:none;max-width:100%;overflow-x:auto;white-space:nowrap}.chip-input[data-v-a5f2dd8b]:focus{outline:none}.chip-input-outline[data-v-a5f2dd8b]::placeholder{color:var(--action-disabled)}.clear-button[data-v-a5f2dd8b]{margin-left:.25rem;color:var(--action-active);cursor:pointer}.clear-button[data-v-a5f2dd8b]:hover{color:var(--text-primary)}.clear-button--invalid[data-v-a5f2dd8b]{color:var(--error-dark)}.clear-button--invalid[data-v-a5f2dd8b]:hover{color:var(--error-darker)}.chip-input-sizer[data-v-a5f2dd8b]{position:absolute;visibility:hidden;height:0;white-space:pre;pointer-events:none;padding:0}

package/TooltipV4.vue_vue_type_style_index_0_scoped_8a451e54_lang.css

@@ -1 +0,0 @@
-div[data-v-8a451e54]{display:block}